www.sitweb.eu cleaned up

Written by Walter on Cleaned up <a href="http://www.sitweb.eu">www.sitweb.eu</a>

And added a little animation, go check it out ;).



Thanks to scriptaculous for the nice effects library. Ah yes and this also works
on an iPhone!
All I needed to add for iphone support was :


<% content_for(:head) do %>
<% if iphone_user_agent? # Show message for iPhone users -%>
<meta name="viewport" content="width=510" />
<body style="background-color:#fff;"/>
<% end -%>


And for 'no javascript' fall back mode I used the following trick:

<link rel="stylesheet" type="text/css" media="screen"
href="/stylesheets/chairs_noscript.css" id="sitstylesheet"/>

<script type="text/javascript">
document.getElementById('sitstylesheet').href="/stylesheets/chairs.css";
window.onload = start;
//...

This way if either javascript is off or getElementById does not work we show a regular view with chairs_noscript.css, otherwise we slide the chairs under the table with the chairs.css ;).

Thanks to Anthony Liekens for teaching me some new inkscape tricks to
clean up my logo.
Thanks to Rails for just being fun to work with ;)

Next projects: finish the webshops, convert my blog and kasteelpark.be from my aging php cms to my new rails cms !

Back to archive