The Zen of CSS Design

My favourite area of web development is CSS (Cascading Style Sheets - used to format web pages). I’m thoroughly enjoying reading The Zen of CSS Design, by Dave Shea and Molly E Holzschlag, at the moment.

This book is easily the most "coffee table" of my extensive computer book collection. It is based on the groundbreaking CSS Zen Garden website. This site takes the exact same standard HTML coded web page and makes it look completely different on every page of the site just by changing the CSS. Anyone can suggest a design for inclusion and there are now well over 100 completely different versions on the site. It’s a great place to go to see the power and beauty of CSS.

This newly published accompanying book illustrates what CSS has to offer, by taking 36 of these designs as case studies. The approach works well. The designs have been split into 6 chapters, each focusing on a particular aspect of CSS design: design, layout, imagery, typography, special effects and the coding process itself.

It is fascinating to find out where each designer took their inspiration from, the story behind their design and the challenges they faced. It is easy to forget the blood, sweat, tears and testing that are part and parcel of putting templates together when looking at the stunning result on the website alone.

While all this talk of the joy of CSS may be of interest only to those involved in the nitty gritty of web development, the great thing about CSS is that it is easy for non-technical users to reap the benefits. Bloggers, in particular, can take full advantage. If you are using any popular blogging software, it should be possible to transform the look of your site by replacing one file. Just choose the look you want from one of the blog template sites around. BlogSkins is a good resource whatever your blog type, while MovableStyle caters specifically for Movable Type users like me.

Wordpress users are also in luck. Alex King organises Wordpress theme competitions, and the winners of the version 1.5 competition were announced just a few days ago. You can even zip through the impressive entries using a theme browser. Even the ever stylish AnthonyFinucane.com is currently trying one of them out for size.

CSS can bring inner peace to all our lives :)

6 Responses to “The Zen of CSS Design”

  1. John Kushiner Says:

    Thanks for providing a link to CSS Zen Garden - I found it to be pretty interesting. I wish I had more guts to stop doing pure HTML table markup and take the leap into using CSS as much as possible. I have to say that I’m doing a greater injustice to my pages than someone who only uses HTML because I’m using lots of CSS AND HTML when I know I could do just the same if I took the time to make it more elegant.
    Again, thanks for the link - it’s very informative and inspiring!

  2. Molly Holzschlag Says:

    Thanks for the nice thoughts about our book, Janine!

    Molly :)

  3. janine Says:

    can’t believe molly herself came by my little blog to thank me for saying nice things about her book - should be the other way round! thanks for *all* the great books molly :)

  4. imran Says:

    hello…..

    can anyone help me enter data into mysql database
    from a flash form using coldfusion components ?

    i’m using web services and simply want to pass data from my flash form to my cfc while staying in flash…

    any actionscript (or coldfusion code ‘cfc’) that anyone could provide or even links to other ressources on this specific topic would be awesome…

    if someone could help me with this process i would be greatful…..

    thank you in advance…

    Imran Hashmi
    http://www.visionstudio.co.uk

  5. Rob Says:

    Im a fellow webdesigner/sound engineer/programmer etc studying in tipperary institute. I’d love to find out where you got that book the Zen of CSS cus from the sound it , its really helpful.

  6. janine Says:

    i got it from amazon rob but the big book shops have it in dublin i think, so i thought tipp should have it as well?

    it’s a nice book alright but it’s not a day to day reference or something that will help you code layouts really… if you want a hands-on reference, i highly recommend css mastery by andy budd or web standards solutions by dan cederholm. my copies are well thumbed which is a good sign!

    here are amazon links but try play.com too because they are often cheaper with the free delivery:

    good luck with your studies :)

Leave a Reply