BayuBayu.com redesign

After couple or years with the same design (I couldn’t exactly remember, but previous design had been there since 2007). Yeah I have been a full time worker since then, I hadn’t been played around with my site anymore so it was kinda neglected.

Ok! So I decided to made a big renovation on this site… The new design still powered by Wordpress. In the front end side, I’ve developed it with some cool new things to keep up with the current standard. Now it featuring web standards, responsive design, visually updated with fresh design that goes flatter that mix up elegance of corporate style but still contain cartoonish element. Hopefully you like a new design.

I took a best practice from HTML5Boilerplate that contains normalize, modernizr, some polyfill a long with good skeleton of great HTML5 document structure developed by some cool front-end guys. For wordpress development, I start this theme with _s (underscores ). Again, there are Automattic/wordpress people guys behind it. It helped me a lot to build theme in a Wordpress way.

Instead of using something like Bootstrap or Foundation, I decided to implement my own grid. Back when first learning responsive design and HTML5, I intially put concern on backward browser compatibilty and already experimenting on it based on HTML5Boilerplate. I found that we can make modern html5 site that degraded gracefully in old browsers, that still looks good on IE6. It requires javascript though.

Layouting it was painful. But it teached me a lot about responsive design and legacy browser layouting technique with its limitation. But in the cons, I found that we can’t write elegant markups when working with old browser. That’s why If you peek the source code of this site, you’ll find an kinda unecessary nested markup in some elements. That is for supporting the browser’s grandpa!

The design is compromising too. Can’t do much acrobatic CSS3. Just use it a bit as Progressive enhancement, because it still need look good in old IE.

This site is still under construction and i will update it periodically 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *