News

Refactoring Asterik

Sunday, April 15th, 2007

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:
  1. The old method was using inline Javascript rollovers for the Featured Work rollovers. I fixed that to use only CSS.
  2. Code clarity is much improved
  3. AFAIK, it works across the major browsers.

» Nate Cavanaugh @ 3:36 pm

1 comment · Leave one

This person has an opinion

Robert Gonzalez said:

That is one freaking cool rework dude. You should try to sell it to Asterisk. Theirs is crufty, your is clean. Very well done.

Share some insight

*
*
*
*
*


Listening to

  • Glen Hansard

    Trying to Pull Myself Away
  • Glen Hansard

    Fallen from the Sky
  • Benzos

    On Your Own
  • Glen Hansard

    Lies
  • Glen Hansard

    Lies