The latest issue of A List Apart features Daniel Frommelt's CSS makeover of Slashdot ("news for nerds"). Frommelt does a great job leading the reader through the steps in the process. In short, it looks something like this:
1) Strip out presentational tags (font, table, etc).
2) Add structural/semantic tags (h1, div, etc).
3) Wrap groups of content in divs.
4) Layout the page using CSS.
5) "Skin" the page with a CSS design.
Update: Frommelt has written a second article, showing some of the additional benefits. The standards-compliant Slashdot prints better and plays nicely with handhelds. Nice.
Posted by Karl
November 21, 2003 01:15 PM