The Power of CSS

Check out this site, it shows what can be done with CSS alone: CSS Zen Garden. select different designs from the sidebar, and different CSS files will load for exactly the same HTML page, changing the look and layout completely!

“To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. Yes, really.”

“CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure.”

August 24th, 2005 | Posted in Web

Comments:

  1. Timmargh | August 24, 2005,

    I’ve spent hours trawling the designs on that site – they’re superb and it’s a good place to get some ideas.

    There are a few sites that showcase good CSS design in other sites – my favourite is:

    http://www.cssimport.com/

  2. Leo | August 26, 2005,

    WOW!!! a nice place and useful.. It’s great!

  3. This ‘N That » Blog Archive » The Zen of CSS Design | January 7, 2006,

    [...] My dad just got me this book: The Zen of CSS Design : Visual Enlightenment for the Web, and it’s amazing. it takes you step by step through designing standard compliant sites using XHTML and CSS. it covers the topics of structure, design, layout, imagery, typography and more. all done by going through select designs from CSS Zen Garden (my post about CSS Zen Gargen). it gives tons of useful information, but yet in a interesting and easy to read way. so, unlike your standard technical book, this one is actually fun to read. I just can’t put it down! Highly Recommended for anyone with interest in standards compliant layout and CSS. [...]

Add a Comment

(required)

(required)


Menu:

Search

Recent Comments

Michael:
Well, that never worked... :( Drop a ...

Michael:
Just to answer my Comment#481 I opene...

Michael:
How do I show the image description in t...

Max:
Hi LobsterMan, I used this method for...

Andre:
Hi, please advise how I can put addition...