Redoing your old pages in CSS, step by step

Written by Adrian Holovaty on July 8, 2002

Digital Web Magazine has published a great tutorial on converting current Web designs to CSS. After a detailed run-through of a sample redesign, the author compares the file sizes of the table-based and CSS-based designs, concluding...

Contemporary CSS methods do win a victory in a head-to-head match based on file sizes. But more importantly, using CSS for pure presentation allows the removal of all spacer GIFs, HTML tables, and a total of 31 images! The benefits of dropping those methods are sizable savings by themselves. Couple these savings with the added bonus of valid markup that will work in standards compliant Web devices, and it's very clear that CSS is the way to go.

Well said. Now, only if news sites listened.

Comments

Posted by dynamarx on July 9, 2002 at 12:22 p.m.:

This page is looking better and better every day. I still think your name in the upper right corner should link to your e-mail address, not back to this page. And I say: "C-S-S, Yes-yes-yes!"

Posted by Adrian on July 9, 2002 at 5:57 p.m.:

I'd rather not link directly to my e-mail address, cause I don't want to get spammed. I'll add a "contact me" form soon. Until then, my old site's contact page is available on the right, under "other sections."

Posted by Alex from The Maneater on July 9, 2002 at 6:42 p.m.:

very, very, very, VERY nice.

Posted by Rob on July 9, 2002 at 10:27 p.m.:

You should use TMDA. It rules for stopping spam. Nothing gets through without my approval.

Comments have been turned off for this entry.