Site redesign 2012
Wake Up, it's almost 2012!
I have always wanted to redesign my site and been thinking about when would be the right time to revamp. New year's eve was the trigger, and here is the result.
After considering what technique to use, considering that this site may be viewed on a plethora of devices, including mobiles of varying screen sizes. I used "Mobile First" technique from Luke Wroblewski and made the site responsive from 320px and upwards.
It works well.
I like this approach particularly because it allows me to focus more on the content and it will use a tiny screen's stylesheet first and then go up, depending on the device's screen size you are viewing.
Unfortunately, IE8 and below do not support Media Queries. I could use JavaScript like Respond.js to enable CSS3 Media Queries for these browsers but decided not to use it at all.
The reason is simple: to keep my site light and simple by using less JavaScript and also mobile users will not use IE6 - 8 to view my site.
So I decided to display the desktop's stylesheet (1024px) for IE 6 - 8 users, which means they will only be able to view the standard desktop version of the site.
I have enjoyed this workflow and hope to implement the same for my next coming projects too.