Pro CSS and HTML Design Patterns

2 comments | Posted: 25 May 07 in Books, by Nathan Smith

Pro CSS and HTML Design Patterns If ever you found yourself wishing that every single possible combination of CSS properties was documented in one comprehensive volume, the solution has just arrived. Pro CSS and HTML Design Patterns is just that, a huge guide to each and every HTML and CSS combination you could possibly think of. Floats, clearing, 6 types of box models, absolute and relative positioning – it’s all there. Just as with programming, using coding conventions and understanding recurring combinations can help speed up the entire production work-flow.

I am always drawn to the page which describes a book’s author. Somehow, knowing a bit of background info helps me peer into their thought process as I read the book. In this case, the author Michael Bowers is an accomplished pianist and has a PhD in music theory. It is interesting, because just as notes and pauses can create song, so design elements and whitespace create page layouts. Michael has brought that same sense of composure to this book, describing the intricacies of code interaction and inheritance.

He has done a great job of encapsulating many possible page layouts, through having conducted thousands of test cases, paring them down to the most stable, cross-browser compatible solutions. This has resulted in over 350 readily usable design patterns. These can be combined to create limitless possibilities for your own work. Most experienced front-end architects will find themselves agreeing with a lot of the principles that are covered in this book, and for those just starting out, it will bring you up to speed on what you need to know.

There are several examples which incorporate JavaScript, but most of the book focuses on practical, real-world application of HTML and CSS, the bread and butter of all professional web developers. I wish that this type of resource had existed when I was first learning the ropes. It would have saved me countless hours of frustration learning how various aspects of CSS interact, and trying to figure out why Internet Explorer doesn’t seem to get it right.

One of the awesome things about this book is that Michael has made all of the examples readily available on the companion site, with the topics broken out by chapter. So, rather than give you a laundry list of what’s in this book, I will simply point you there: cssDesignPatterns.com. I really can’t say enough good things about the book. If you’re not already a CSS guru but want to achieve a higher level of proficiency, I’d recommend checking it out.

Discuss This Topic

  1. 1 budowa domów

    Good article

     
  2. 2 Lau

    Thanks for sharing. Unfortunately, the website cssDesignPatterns.com seems not to be 100% compatible with IE7. The Footer runs when I access the site.

     

Comments closed after 2 weeks.