Refactoring Asterik
Okay, so one of my favorite studios, Asterik, has a pretty snazzy website. It’s very grid based, which is probably why they chose to design it based upon tables.
However, it’s a little sad to see such a cutting edge firm using such 1997 HTML techniques to markup their page, when in the span of literally 2-3 hours, they could have a semantic, cleanly coded, HTML/CSS solution.
So, here I provide proof that it’s possible in only 2-3 hours.
Asterik – a CSS based implementation.
While it’s not 100% to the pixel accurate, it’s probably around 97% there. Another hour would probably take care of any remaining issues. Right now, you’d have to be a designer to see the major differences.
A few notes:
- The old method was using inline Javascript rollovers for the Featured Work rollovers. I fixed that to use only CSS.
- Code clarity is much improved
- AFAIK, it works across the major browsers.