Pro CSS and HTML Design Patterns

  Author:    Michael Bowers
  ISBN:    1590598040
  Sales Rank:    37738
  Published:    2007-03-26
  Publisher:    Apress
  # Pages:    400
  Binding:    Paperback
  Avg. Rating:    5.0 based on 25 reviews
  Used Offers:    11 from $24.64
  Amazon Price:    $29.69
  (Data above last updated:  2008-11-29 07:18:14 EST)
  
  
Sort customer reviews by:
  
Show All Reviews on Page      Hide All Reviews on Page
   
  
Pro CSS and HTML Design Patterns
  

If you are looking for a complete site design solutions book, this is not it—but if you are seeking a book to help you solve many common problems—then this book will serve as a useful tool for you.

— Nate Klaiber

Design patterns have been used with great success in software programming. They improve productivity, creativity, and efficiency in web design and development, and they reduce code bloat and complexity. In the context of CSS and HTML, design patterns are sets of common functionality that work across various browsers and screen readers, without sacrificing design values or accessibility or relying on hacks and filters. But until now they have not been applied systematically to HTML and CSS web design and development.

With the help of Pro CSS and HTML Design Patterns, you can reap the benefits of using design patterns in your HTML and CSS code. The book provides you with all the CSS and HTML design patterns you need. Web development expert and author Michael Bowers then takes you through multiple design patterns for text, backgrounds, borders, images, forms, layouts, and much more. He shows you exactly how each one works, and how to use them most effectively in your own projects. After you learn about these design patterns, youll wonder how you ever developed web sites without them!

                  Reader Reviews 1 - 30 of 30                 
  
  
Review
Date
Review
Rating(5 High)
Review
Helpful
to:
Customer Review Reviewer
Info
Permanent
Link
Reader Reviews Below Sorted by Newest First
10-10-08 5 (NA)
(Hide Review...)  Pro CSS and HTML Design Patterns
Reviewer Permalink
This is the book to buy for those who want to take it to the next level. So many great thing about this book. If your a novice and want to step-up your design prowess this is the book for you. One review said - "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.." I say - very well said.. It's limit-less... I love it!! Wicked!
(Review Data Last Updated: 2008-11-30 08:28:28 EST)
09-22-08 5 1\1
(Hide Review...)  Pro Css and HTML Design Patterns
Reviewer Permalink
I found Pro CSS and HTML Design Patterns by Michael Bowers to be of real help in developing drop down buttons for my web dev client. Mr. Bowers makes many complex css styles easy by providing all the formulas. I recommend it highly.Pro CSS and HTML Design Patterns

(Review Data Last Updated: 2008-10-10 09:00:32 EST)
08-07-08 5 1\1
(Hide Review...)  Awesome book, awesome reference
Reviewer Permalink
This is a great book for a number of reasons. Primarily, it's accessible and a quick reference. The book is succinctly written and very well focused.

Each topic is summarized in a small segment. In minutes you can find things if you're totally new to CSS. Likewise, seasoned web developers can find the tricks and techniques that let you exploit your web page development.
(Review Data Last Updated: 2008-10-03 06:23:35 EST)
07-14-08 5 2\2
(Hide Review...)  Lots of light bulbs
Reviewer Permalink
Those who understand CSS will find a trove here. One may trudge through other one true holy grail bulletproof designs. They have their place.

Then, leap, at last, into this book. It's been sitting on your bookshelf, perhaps, undeservedly ignored, for a week? You peruse. You find the page for your problem. You read, carefully. A light bulb! "Of course," you may think! Or, "He's telling me, what I SHOULD have known!"

Yes, but, everybody needs SOMEONE to gather these essential prods. Here they are, distilled, a fine essence. Rock solid. No fluff. Problem, stated clearly; solution, stated plainly; sample code, crisp. Just what you need. Terse. Precise.
(Review Data Last Updated: 2008-10-03 06:23:35 EST)
06-14-08 3 (NA)
(Hide Review...)  Not Best Practices
Reviewer Permalink
I like parts of this book, but the author does not promote best practices. The author uses XHTML 1.0 Transitional as his standard, but it's a weak standard. It would have been better if he had used a Strict doctype. He uses the "language" attribute (eg language="javascript"), but the language attribute is obsolete. He uses color names such as "gold" instead of the hexadecimal equivalent; and he likes to insert empty div boxes as spacers between blocks of content. He explains why he does it, but that doesn't make his example best practice, or even good practice. There are other, better ways to achieve the same results.

People purchasing the book for its promise of design patterns may be disappointed, too. The author's examples provide loose patterns for page development, but there are few examples of actual, complete pages; and the page layouts presented are dry designs void of backgrounds and images. Also, the book contains only three pages about styling of forms (407-9), and those are mostly concerned with a button press technique.

On the bright side, the author includes an extensive discussion of the box model, tables, and image manipulation. He provides a through discussion of stacking and positioning issues with examples. He also discusses browser-specific issues and limitations for each technique. You can even view fully-functional examples and download source code with image and support files from the book's web page.

The author also discusses CSS sprites, transparent .png images, and text replacement techniques. He has some slick dropcap techniques, too. Some of his layout techniques, such as his rollup, tab menu, and flyout menu examples require JavaScript in order to run. He relies on JS libraries such as yahoo.js, event.js, and cssquery.js and his own chdp.js to do the heavy lifting. All of it is in the source code download. The rollup is most interesting, but you can actually write CSS flyout and tab menus without any JavaScript.

The problems with the book increasingly annoy me. The author provides a useful discussion of some CSS-related topics and a wealth of code snippets, but he also teaches bad habits and writes to weak standards. Furthermore, most everything in this book is available in other books. In the end, I think this is another book best borrowed from the library.
(Review Data Last Updated: 2008-07-15 06:55:06 EST)
06-14-08 4 0\1
(Hide Review...)  Interesting exploration of CSS, not always best practices.
Reviewer Permalink
I like the book for what it is, but it doesn't seem to do what it says. This is one of the deeper and more interesting explorations of tables and the box model I have found. Mr. Bowers seems to have done a lot of research and experiments to come up with a book that explores what is possible with CSS, even if it's not always practical. He discusses browser-specific issues and limitations for each technique. You can also view fully-functional examples and download source code with image and support files from the book's web page.

Highlights include the author's extensive discussion of the box model, tables, and image manipulation. He provides a through discussion of stacking and positioning issues with examples. I enjoyed the discussion, though I seriously wonder when or why anyone would need to use some of those arrangements. He has some examples that seem to exist only because they can.

The author also discusses CSS sprites, transparent .png images, and text replacement techniques. He has some slick dropcap techniques, too. Some of his layout techniques, such as his rollup, tab menu, and flyout menu require JavaScript in order to run, but he mostly relies on JS libraries such as yahoo.js, event.js, and cssquery.js to do the heavy lifting. He supplies his own library, chdp.js, to make it all work together in his examples. All of it is in the source code download.

Unfortunately, not all is sunshine and light. The cover says "Increase creativity and productivity... while leveraging CSS and (X)HTML best practices". There's the rub. The author uses XHTML 1.0 Transitional as his standard, but it's a weak standard. It would have been better if he had used a Strict doctype. He uses the "language" attribute (eg language="javascript"), but the language attribute is obsolete. He uses color names such as "gold" instead of the hexadecimal equivalent; and he likes to insert empty div boxes as spacers between blocks of content. He explains why he does it, but that doesn't make his example best practice, or even good practice. There are other, better ways to achieve the same results.

People purchasing the book for its promise of design patterns may be disappointed, too. The author's examples provide loose patterns for page development, but there are few examples of actual, complete pages; and the page layouts presented are dry, dull designs void of backgrounds and images. Also, the book contains only three pages about styling of forms (407-9), and those are mostly concerned with a button press technique.

All that said, I still like the book. It could teach bad habits, but it includes a wealth of code snippets. It's not perfect, but it provides a useful discussion of many CSS-related topics topics. If you are an intermediate CSS/(X)HTML designer and want a slightly different perspective on the capabilities of CSS and (X)HTML, this book is worth a look. Otherwise, I think The Essential Guide to CSS and HTML Web Design (Essential Guide), CSS Mastery: Advanced Web Standards Solutions, and Pro CSS Techniques (Pro) are all better choices.
(Review Data Last Updated: 2008-07-04 10:21:45 EST)
06-14-08 4 (NA)
(Hide Review...)  Interesting exploration of CSS, not always best practices.
Reviewer Permalink
I like this book. It is one of the deepest and most interesting explorations of CSS and (X)HTML that you will find. The author seems to have done a lot of research and experiments to come up with a book that explores what is possible with CSS, even if it's not always practical. He also discusses browser-specific issues and limitations for each technique. You can even view fully-functional examples and download source code with image and support files from the book's web page.

Highlights include the author's discussion of the box model and image manipulation. He provides a through discussion of stacking and positioning issues with example. He also discusses CSS sprites, transparent .png images, and text replacement techniques. He has some slick dropcap techniques, too. Some of his layout techniques, such as his rollup, tab menu, and flyout menu require JavaScript in order to run, but he mostly relies on JS libraries such as yahoo.js, event.js, and cssquery.js to do the heavy lifting. He supplies his own library, chdp.js, to make it all work together in his examples.

Unfortunately, not all is sunshine and light. The cover says "Increase creativity and productivity... while leveraging CSS and (X)HTML best practices". There's the rub. The author uses XHTML 1.0 Transitional as his standard, but it's a weak standard. It allows him to use the "language" attribute (eg language="javascript"), but the language attribute is also obsolete. As I understand it, Strict trumps Transitional, and Strict is more important than the "X".

More, the author thinks it's a fine idea to use color names such as "gold" instead of the hexadecimal equivalent; and he likes to insert empty div boxes as spacers between blocks of content. He explains why he does it, but that doesn't make his example best practice, or even good practice. There are other, better ways to achieve the same results.

All that said, this is still a strong work. It's not especially for beginners, as it could teach bad habits; but it is well-researched, includes a wealth of examples, and provides a through discussion of many topics. If you are an intermediate CSS/(X)HTML designer this book is worth a look.
(Review Data Last Updated: 2008-06-18 07:38:33 EST)
05-18-08 5 1\1
(Hide Review...)  Practical book
Reviewer Permalink
Hi

I have read about half the book and I find it very interesting and very practical. The book gives you patterns and approaches to solve the problems which designers confront daily. The index is also very helpful at the back, which points me straight to the solution of the problem which I am seeking. When compared to other books, this gives more than what every other book is giving, which I have seen. Generally all CSS books give various properties of the html elements, its possible values etc. While this book, has a different approach. This book discusses the affect of changing these element properties based on the context where the element is placed. It has very good discussion of the box model concept and positioning concepts.

Till now, I have loved this book and has become my reference for all my css needs.
(Review Data Last Updated: 2008-06-14 07:24:16 EST)
04-24-08 3 0\1
(Hide Review...)  unhelpful format and poor editing
Reviewer Permalink
There is some useful information in this book, but the author's rigid adherence to the format works against the presentation of it. I find that Andy Budd's book (CSS Mastery ...) is a much better book. They seem very different but I think that many developers will read them needing the same information.

Further, as is becoming more and more the case with new apress titles, the copy editing is substandard. It's a pity, as apress had such a good reputation for quality books, and this kind of thing is hurting them.

(Review Data Last Updated: 2008-05-19 07:21:41 EST)
04-11-08 5 (NA)
(Hide Review...)  Takes CSS to the next level
Reviewer Permalink
I often rely on readers reviews before making a purchase so I thought it appropriate to give feedback on this book.
I am a self-taught programmer who needed to take my CSS knowledge to the next level. This book clearly sets the bar high and helps me get over it almost daily. The models depicted are extremely accurate and on point, and foster a wealth of ideas that extend to some really nice models. Mr. Bowers research and implementation on cross-compatability between browsers is nothing short of excellent (a big learn for me). The style in which the book is written makes it easy to follow and learn from, as well as reference. As a new programmer, I am extremely pleased with this book as it has taken me to the next level of CSS.
I would recommend this book to anyone who, like me, has a general knowledge of CSS and wants to fine tune and hone their skills in CSS.
(Review Data Last Updated: 2008-04-25 07:18:36 EST)
03-09-08 4 1\1
(Hide Review...)  What you need for a CSS/HTML Desk Reference!
Reviewer Permalink
This book is a nuts and bolts CSS/HTML reference book, that you'll be pulling off the shelf frequently, when editing stylesheets and web pages.

Each entry is presented in this clear, practical and timely format, that allows skimming straight down to the section you want (borderless table format, not inline paragraphs):

Problem
Solution
Pattern
Location
Limitations
Advantages - (Some entries)
Disadvantages - (Some entries)
Example - (Some entries)
Tips
Related to - (Some entries)
See also

It doesn't waste your time with 1001 details of each tag, yet does give you the essentials you need to know about each tag (some entries have screenshots of the examples, mostly in Firefox, but some in IE7), so you can get to work quickly -- and not get bogged down by the hyped cheerleading, that fills many of these CSS/XHTML books these days.

Would've given this book 5 stars if the author spent more time with cross-browser support other than a few tip suggestions, especially with IE 7, as it uses conditionals instead of hacks to get around the box model SNAFUs. Cross-browser troubleshooting is essential, and not an after thought to be addressed with about 20 words -- more time is spent debugging than actually writing code, and it needs to be addressed accordingly.

Overall, this is the best CSS/(X)HTML reference book I've found to date. It's due to the presentation format above, that doesn't have you trying to find some remote reference in microprint, in a sea of 500+ pages!
(Review Data Last Updated: 2008-04-11 07:21:46 EST)
03-06-08 4 (NA)
(Hide Review...)  Changing thought process
Reviewer Permalink
This book is an excellent work. Its content is flowed logically and thoroughly. That said, I would recommend it for relative newcomers to CSS in that it really is a new way to think about CSS programming. People who have been using CSS for some time might find it requires their "unlearning" some coding procedures in order to "relearn" some new methodologies. Even so, I find the book an excellent addition to my ever-expanding CSS library what with CSS being such a fluid technology.
(Review Data Last Updated: 2008-03-12 22:39:03 EST)
03-03-08 4 (NA)
(Hide Review...)  An end to your browser-compatibility woes
Reviewer Permalink
I purchased this book in an attempt to fill in some gaps in my knowledge mainly pertaining to browser compatibility issues with CSS. I often create template for web pages using CSS and XHTML based on Photoshop designs. In my experience, creating sites for Firefox has been pretty smooth but getting things to look right in IE, especially IE6 has proved to be quite a challenge at times. This book is great in that it clearly specifies what is and what is not supported in various browsers.

All of the code was written for and tested in all browsers which is exactly what I needed. I also learned quite a bit about positioning with the box model. I was doing a lot of things wrong...for instance, I was using a lot of relative and absolute CSS positioning instead of working within the boxes and using margins for positioning. This method is MUCH more reliable!

After reading this book, I've been able to successfully create robust templates that are expandable, highly compatible and display properly among all major browsers, including Opera and Safari.

It's kind of a tough read at time simply because it is so technical but I definitely recommend this book!
(Review Data Last Updated: 2008-03-07 07:26:36 EST)
02-26-08 5 (NA)
(Hide Review...)  Very good for people that don't like HTML/CSS/JS
Reviewer Permalink
This book will stay on my bookshelf forever because it gives me a working and practical solutions to common problem related to HTML. Personally I hate all that HTML/CSS/JS stuff but as server-side programmer I have to control how the various browser will render my code. With this book I can save my time on real problems and get ready-made solution.
(Review Data Last Updated: 2008-03-04 07:22:23 EST)
02-26-08 5 (NA)
(Hide Review...)  Great Approach For Programmers Wading Thru CSS selector and property elements
Reviewer Permalink
Definitely not a first css beginner's book. But, for advanced programmers who think that since they know several languages learning CSS will be easy and then find out....not so much.
This author presents the most complete presentation of all of the interactions between html properties and css selectors I have seen in any one book. Rather than just listing definitions of each element, but going into the myriad of effects that almost all selectors have applied to each property.
He brings programmatic design pattersn to his presentations which is of some use but; the most important thing is he takes a very systematic and detailed approach to the interactions stated above.
IMHO, i would take reviews too focused critically on the use of span tags in the examples with a grain of salt or two. Once you understand interaction between all of the specific CSS selectors and property elements (not that I'm there yet) you can of course use span tags for only presenting inline markup elements.
The real beauty of this book to me is the detailed coverage of the affect of each and every selector (that is applicable) to each and every property element and thus one learns to think outside the box..model.
(Review Data Last Updated: 2008-03-04 07:22:23 EST)
01-19-08 5 (NA)
(Hide Review...)  Solid information with Web demos.
Reviewer Permalink
I use a book like this for reference. The information is current and examples of the various CSS designs are available online to view. A good reference I would recommend to anyone who is interested in using CSS designs.
(Review Data Last Updated: 2008-02-26 07:30:17 EST)
01-18-08 5 (NA)
(Hide Review...)  Great help for doing CSS
Reviewer Permalink
As a CSS newby I found this book to be an excellent help in using CSS. It's packed with examples and clear, detailed explanations of how to accomplish almost everything you could think of using CSS.
(Review Data Last Updated: 2008-02-26 07:30:17 EST)
12-31-07 5 2\3
(Hide Review...)  Effect-based Solutions
Reviewer Permalink
I found this a brilliant product. It delivers techniques to achieve individual *effects* so you can use it straight away. Each effect is explained through the use of screenshots and text, and the book provides the combination of CSS/HTML/Javascript required to make it work. Great when you need a complete answer to solve a specific problem in a hurry.

My other favourite CSS book is "The Art and Science of CSS". This breaks down styling tasks by topic such as Forms, Tables, Navigation, and Images.
(Review Data Last Updated: 2008-02-14 21:02:20 EST)
12-25-07 5 (NA)
(Hide Review...)  A unique and invaluable reference
Reviewer Permalink
I am an intermediate-level web design/developer wanting to move to full separation of markup from styling and layout. I was intimidated by this book at first, but finally decided to plunge in and go through it page by page. I cannot emphasize how much I'm learning (I'm only half way through.) The explanations are sometimes a bit dense, and you do have to keep at it (along with viewing and playing with the example code and styles) but you WILL "get" it. The author has organized the topics in a brilliant sequence for learning purposes, and summarizes information in incredibly helpful and often unusual ways. I'm making myself notes as I go along, and marking pages that I'll need to go back and review if/when I want to use a particular technique. Once you've grasped the basics of CSS (and of course X/HTML) this seems like really all you need to become truly proficient, perhaps with Eric Meyer's CSS - The Definitive Guide as backup. But you'll have a tough time if you try to use this as an entry level book.
(Review Data Last Updated: 2008-02-14 21:02:20 EST)
11-08-07 4 3\4
(Hide Review...)  Great Resource - Too many SPAN tags
Reviewer Permalink
This is an excellent reference guide for CSS, especially for those frustrated web developers out there who are struggling with what seem like impossible-to-solve issues.

Bowers presents some incredible insight into CSS as it is used to style every element on a web page.

However, he uses a huge amount of SPAN tags to accomplish many of the examples he has in the book, which defeats the purpose of coding a semantically-correct page. Instead of separating content and presentation, his examples *add* presentational SPAN tags, which clutter the code.

I understand that these are simply examples, but in order to use the examples listed in the book, you have to utilize the SPAN tags for much of the effect, which is unfortunate.

CSS delivered the promise of separating content from presentation, but the implementation was flawed amongst browser manufacturers, leading to developers creating pages with bloated code that embedded presentational elements amongst their content. This makes upgrading that code and/or the design of the site harder to do, as you are stuck with potentially useless tags.

I would give this book 5 stars if not for the excessive use of SPAN tags to achieve many of the effects in the book.
(Review Data Last Updated: 2007-12-26 07:40:43 EST)
11-07-07 4 6\8
(Hide Review...)  Great Resource - Too many SPAN tags
Reviewer Permalink
This is an excellent reference guide for CSS, especially for those frustrated web developers out there who are struggling with what seem like impossible-to-solve issues.

Bowers presents some incredible insight into CSS as it is used to style every element on a web page.

However, he uses a huge amount of SPAN tags to accomplish many of the examples he has in the book, which defeats the purpose of coding a semantically-correct page. Instead of separating content and presentation, his examples *add* presentational SPAN tags, which clutter the code.

I understand that these are simply examples, but in order to use the examples listed in the book, you have to utilize the SPAN tags for much of the effect, which is unfortunate.

CSS delivered the promise of separating content from presentation, but the implementation was flawed amongst browser manufacturers, leading to developers creating pages with bloated code that embedded presentational elements amongst their content. This makes upgrading that code and/or the design of the site harder to do, as you are stuck with potentially useless tags.

I would give this book 5 stars if not for the excessive use of SPAN tags to achieve many of the effects in the book.
(Review Data Last Updated: 2008-02-14 21:02:20 EST)
10-17-07 5 0\6
(Hide Review...)  A decent book about CSS
Reviewer Permalink
This book improved my understanding of CSS despite the fact I though I had known CSS quite well.
(Review Data Last Updated: 2008-02-14 21:02:20 EST)
09-25-07 5 4\4
(Hide Review...)  Unequalled CSS depth
Reviewer Permalink
An analogy for comparing this book to other CSS books: if other books are 2-day seminars then this book is a full fledged college course. This book takes a rigorous, organized approach to teaching you how CSS works whereas most CSS books take a "here's what you need to know" approach. It is not difficult, but it does take time to read the entire book and you cannot skip parts of the book or it won't make sense.

First, if you only read pages 70-71, then you will have gotten the value of the price of the book. Michael is the first and at this point the only person that I've seen figure out an approach very similar to O-O inheritance (not CSS hierarchical inheritance). His is example uses a button class and 3 sub-classes, whose rules are written button.square, button.rounded and button.go. This is an invaluable technique. Other sites have always said that "you can't do O-O inheritance in CSS", but he has come up with a simple way to do it.

The difference between this book and others is that he organizes CSS into a methodology that no one else has. He organizes it into box model type, box model extent and box model placement. These are the authors categories and not explicit CSS categories (though they can be said to be implied by the CSS standard). He then goes about showing you every combination of how these work together, why each is useful and their limitations, including browser limitations. It's very dry reading, but you get a grasp of CSS that you wouldn't get otherwise. For example, I always had difficulty with centering items in CSS, because it would work sometimes and not other times. In other books and on the web, I would find centering "hacks" that usually involved text-align: center, but never really understood why CSS didn't have a way to center items. It turns out that CSS does have a way to center elements, but you have to know which type of box model that you're working with as well as its limitations ( horizontally shrinkwrapped elements cannot be centered and IE6 cannot center absolute elements).

I highly recommend this book, but only if you are willing to commit time to learning it thoroughly. This is not a "get you up and running in 30 minutes" type of book.
(Review Data Last Updated: 2007-12-14 07:53:57 EST)
08-14-07 5 1\1
(Hide Review...)  A great resource, no matter your level of CSS knowledge
Reviewer Permalink
Pro CSS and HTML Design Patterns by Michael Bowers is an incredible resource and toolbox for any level web developer. Whether you are just beginning with CSS or are of a professional status, this book has something to offer. With over 300 different design patterns, this book is the perfect resource to solve just about every problem you face. There are patterns for every aspect of your site, and their modular nature give you the potential to combine several of them to create some very unique websites. All of this comes with the added bonus that each of these design patterns have been thoroughly tested in all major browsers. There is great attention to the details throughout each of these patterns.

Contents
This book is not broken down like your typical web development book. The first 3 chapters of this book focus solely on the foundation. The first chapter discusses CSS. This includes addressing many of the common properties and values, different types of selectors, units of measure, and addressing the cascade. Chapter 2 moved on to talk about different HTML design patterns. This section outlines the basic building blocks of any HTML document such as html, doctype, head, body, and many possible elements in between. Chapter 3 moves on to the tricky subject of CSS selectors and inheritance. This becomes important throughout the rest of the book as proper inheritance will play a big role in developing our patterns and keeping our code lean and semantic. None of these three chapters are exhaustive in nature, but they give you a solid base to work with as you read throughout the rest of the book. So, while this book can be used as a resource, if you are just beginning CSS I would recommend not skipping the first three chapters.

Chapters 4 through 9 focus on the different layout options available to you. Chapter 4 starts things off by defining and discussing the Box Model. We look at several different types of the box model including inline box, inline-block box, absolute box, and floated box. Chapter 5 takes things a step further and discusses width, height, sized, shrinkwrapped, and stretched box model options. Chapter 6 addresses all of the editable properties of the Box Model and how they relate to one another. Things like margin, border, padding, background, visibility, and overflow are covered. Chapters 7 through 9 take you from the basic models to advanced layout options. Some of these are more intricate than others, but afford you some great layout techniques. We have built a base, and looked in depth at all of our available positioning models, now it is time to get down to some of the finer details of our layout and how we can style the often overlooked elements.

Chapters 10 through 19 are all focused on polishing each and every piece of your layout. We start by looking at different ways to style your text, how to give your content breathing room and your different alignment options, and gradually move to styling elements such as tables, columns, drop caps, and callouts and quotes. There are several other sections that also discuss block elements and entire layout options. We can now begin to put the pieces of the puzzle together and see how our finished product can become one cohesive whole unit.

The last chapter discusses design patterns for alerts within your layout. This chapter does include some JavaScript, but all of this is made known up-front as you implement any of the given options. We look at different alerts such as JavaScript, tooltips, popups, inline, and graphical. There are several others covered as well, but these are some of the more common ones that developers run into.

Conclusion
This is not a book that needs to be read from cover to cover to fully understand. It is used and designed as a resource to help you solve your design problems. This book would serve as a great desk reference. As stated earlier, each of the design patterns presented in this book have been thoroughly tested in all major browsers. This doesn't mean everything will work in all situations, but it does mean that each stand-alone pattern has undergone intense browser testing. It is up to you and your creativity to combine and extend them to suit your specific needs.

If you are looking for a complete site design solutions book, this is not it--but if you are seeking a book to help you solve many common problems--then this book will serve as a useful tool for you. You do not need to be a CSS professional to find great value in this book.
(Review Data Last Updated: 2007-09-07 07:42:48 EST)
08-14-07 5 5\5
(Hide Review...)  A great resource, no matter your level of CSS knowledge
Reviewer Permalink
Pro CSS and HTML Design Patterns by Michael Bowers is an incredible resource and toolbox for any level web developer. Whether you are just beginning with CSS or are of a professional status, this book has something to offer. With over 300 different design patterns, this book is the perfect resource to solve just about every problem you face. There are patterns for every aspect of your site, and their modular nature give you the potential to combine several of them to create some very unique websites. All of this comes with the added bonus that each of these design patterns have been thoroughly tested in all major browsers. There is great attention to the details throughout each of these patterns.

Contents
This book is not broken down like your typical web development book. The first 3 chapters of this book focus solely on the foundation. The first chapter discusses CSS. This includes addressing many of the common properties and values, different types of selectors, units of measure, and addressing the cascade. Chapter 2 moved on to talk about different HTML design patterns. This section outlines the basic building blocks of any HTML document such as html, doctype, head, body, and many possible elements in between. Chapter 3 moves on to the tricky subject of CSS selectors and inheritance. This becomes important throughout the rest of the book as proper inheritance will play a big role in developing our patterns and keeping our code lean and semantic. None of these three chapters are exhaustive in nature, but they give you a solid base to work with as you read throughout the rest of the book. So, while this book can be used as a resource, if you are just beginning CSS I would recommend not skipping the first three chapters.

Chapters 4 through 9 focus on the different layout options available to you. Chapter 4 starts things off by defining and discussing the Box Model. We look at several different types of the box model including inline box, inline-block box, absolute box, and floated box. Chapter 5 takes things a step further and discusses width, height, sized, shrinkwrapped, and stretched box model options. Chapter 6 addresses all of the editable properties of the Box Model and how they relate to one another. Things like margin, border, padding, background, visibility, and overflow are covered. Chapters 7 through 9 take you from the basic models to advanced layout options. Some of these are more intricate than others, but afford you some great layout techniques. We have built a base, and looked in depth at all of our available positioning models, now it is time to get down to some of the finer details of our layout and how we can style the often overlooked elements.

Chapters 10 through 19 are all focused on polishing each and every piece of your layout. We start by looking at different ways to style your text, how to give your content breathing room and your different alignment options, and gradually move to styling elements such as tables, columns, drop caps, and callouts and quotes. There are several other sections that also discuss block elements and entire layout options. We can now begin to put the pieces of the puzzle together and see how our finished product can become one cohesive whole unit.

The last chapter discusses design patterns for alerts within your layout. This chapter does include some JavaScript, but all of this is made known up-front as you implement any of the given options. We look at different alerts such as JavaScript, tooltips, popups, inline, and graphical. There are several others covered as well, but these are some of the more common ones that developers run into.

Conclusion
This is not a book that needs to be read from cover to cover to fully understand. It is used and designed as a resource to help you solve your design problems. This book would serve as a great desk reference. As stated earlier, each of the design patterns presented in this book have been thoroughly tested in all major browsers. This doesn't mean everything will work in all situations, but it does mean that each stand-alone pattern has undergone intense browser testing. It is up to you and your creativity to combine and extend them to suit your specific needs.

If you are looking for a complete site design solutions book, this is not it--but if you are seeking a book to help you solve many common problems--then this book will serve as a useful tool for you. You do not need to be a CSS professional to find great value in this book.
(Review Data Last Updated: 2007-12-14 07:53:57 EST)
07-16-07 5 3\3
(Hide Review...)  the css genie
Reviewer Permalink
"Pro CSS and HTML Design Patterns" is a valuable reference for using CSS on your website. You should be familiar with reading or writing CSS and have some experience with HTML for this book to be readable. In particular, you should feel comfortable with CSS syntax and high level concepts.

The book is still useful if you know CSS "a little" - you may have to read parts a few times. In particular, there are a few places were terms are defined after they are used. It's a bit of a catch 22 for the author as introducing those terms rely on the initial sections. There aren't many of these and all becomes clear by reading the patterns twice.

I liked the style of having code/screenshots on one side and the pattern/description/limitations on the other side of each two page set. This consistency made the book easy to follow. I particularly liked the emphasis of making the patterns accessible to people using different browsers, screenreaders and with Javascript disabled.

Some of the design patterns are teaching patterns to understand concepts and terminology. The rest are techniques you could want to use when designing a web page. Some techniques are self contained like styling text. The end of the book builds more complex patterns out of those that came before. The box model and layout ones are quite valuable.

The companion website lets you play with each pattern. In summary: buy this book!
(Review Data Last Updated: 2007-12-14 07:53:57 EST)
07-09-07 5 5\5
(Hide Review...)  best css book i bought so far
Reviewer Permalink
Hi there,
when it's about css book i must have the all ,i love css book. I always learn something new somewhere.
Some books disappointed me like "Transcending CSS", by Andy Clarke. I love this book anyway, i said it i love css book, but it wasn't hands on enough for me.

Hands on is exactly what "Pro CSS and HTML Design Pattern" is. You can find in this book a solution or an inspiration to any problem you ever encountered while learning or working with css. The structure of the book make things easy to browse and focus.

And it's real world solutions, you've got your html structure and the css explained.
Some of it seems very simple,and when you start reading it you go like How, did i bought this book for this. But the secret is that i break down any css property and buid up into more complex behaviour.

There is very nice section on the box model and how the different type of box models behave.

and it goes into neat little details as well.

i don't know about you , but i cried my eyes out for mozilla browser do not support display: inline-block. Now i know that there is a display:-moz-inline-box property which work almost same (but not quite).

so if you can't still really use it for advanced layout and browsers compatibility problems (internet explorer as usual), well you have a design pattern to emulate this behaviour with a bit more mark up but nothing's perfect.

I really love this book.
(Review Data Last Updated: 2007-12-14 07:53:57 EST)
07-03-07 4 (NA)
(Hide Review...)  Pro CSS and HTML Design Patterns
Reviewer Permalink
The book is well thought out and goes through most all of the things that you will run into when laying out a page. Some of the code runs into validation issues with W3C but it can be made to validate. The basic idea of "Inheritance" patterns is a good one. If you have read some other design pattern books for other languages, the idea of structure and thinking your way through before you start tapping the keys should be familiar. I have been designing sites since 1997 and with all things considered, I would give this 4 stars.
(Review Data Last Updated: 2007-07-09 18:07:58 EST)
05-26-07 5 4\5
(Hide Review...)  Limitless Depth
Reviewer Permalink
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 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.
(Review Data Last Updated: 2007-07-04 07:36:20 EST)
04-24-07 5 2\8
(Hide Review...)  A must-own book -- but I am very biased!
Reviewer Permalink
I am the author of CSS and HTML design patterns so this review is biased, but I wanted to share with you my excitement for this book.

This book contains several groundbreaking insights into CSS. It shows how CSS has six different box models that are triggered by different combinations of HTML elements and CSS code. It reveals the combinations of properties that trigger each box model so you can harness these box models in your designs. It shows you how to take advantage of the different ways each box model can be sized, stretched, shrinkwrapped, indented, aligned, and offset. It shows you how to combine CSS with the four types of HTML elements (structural block, terminal block, multi-purpose block and inline) so you can make CSS work with any type of HTML element. It documents the mysterious and powerful art of using CSS to automatically size table columns. It reveals the secrets of using positioned elements and inline formatting contexts. It shows how to use floats to create flexible, fluid layouts that work reliably in all major browsers. It shows how to harness images to create rounded corners, shadows, gradients, sprites, and transparency. It shows how to hide text and replace text with images while keeping the text accessible to nonvisual users. It shows how to integrate CSS and JavaScript to use events to change styles -- all without putting JavaScript in your HTML markup!

I believe this is a must-own book for anyone who wants to use CSS. It will save you much time and effort. It contains more than 350 ready-to-use patterns that can be combined to create an unlimited number of design solutions. Using a pattern is as easy as dropping it into your code and tweaking a few values.

One remarkable achievement of this book is that it reveals the secrets of triggering predictable behavior in all major browsers -- all without resorting to hacks. I have literally spent thousands of hours of testing and designing so you don't have to. Each pattern works beautifully in all major web browsers including Internet Explorer 7, Internet Explorer 6, Firefox 2, Opera 9, and Safari 2.

This is more than a cookbook. It systematically covers every usable feature of CSS and combines these features with HTML to create reusable patterns. Each pattern has an intuitive name to make it easy to find, remember, and refer to. Accessibility and best practices are carefully engineered into each design pattern, example, and source code.

You can read straight through the book, use it as a reference, and use it to find solutions to your design problems. To make the book easy to use, it is laid out systematically. Each pattern is placed on facing pages. The pattern's example is on the left page and its description is on the right. This makes it quick and easy to find the right pattern so you can put it to use right away.

This book unleashes your productivity and creativity in web design and development. These design patterns are like LEGOS. You can combine different patterns to create any design imaginable. Instead of hacking your way toward a solution, this book shows you how to predictably create successful designs every time!

This is not just another book on CSS. It will take your productivity to the next level. If you currently have a basic understanding of HTML and CSS, it can make you a pro. If you are a pro, it can make you a guru.



(Review Data Last Updated: 2007-05-28 10:12:04 EST)
  
                  Reader Reviews 1 - 30 of 30                 
  
  
  
  
  
  

Because the data used to generate this site come from outside sources, VeryWellSaid.com cannot guarantee the completeness or accuracy of the data.
Search VeryWellSaid™
Google
Web VeryWellSaid™
New subjects are added every week.
View Subjects Below by:
* Top Selling
 (click category name, left)
* Top-Rated Top Sellers
 (click 'Top Rated', right)
In the news...  
Dubai\UAE Top Rated
Influenza\Bird Flu Top Rated
Iraq Top Rated
Supreme Court Top Rated
All Books Top Rated
Arts Top Rated
Photography Top Rated
Digital Photography Top Rated
Digital Cameras Top Rated
Biography Top Rated
Business Top Rated
Management Top Rated
Marketing Top Rated
Sales Top Rated
Stocks Top Rated
Bonds Top Rated
Real Estate Top Rated
Trading Top Rated
Commodities Trading Top Rated
Time Management Top Rated
Starting A Business Top Rated
Children's Top Rated
Comics Top Rated
Computers Top Rated
PC Top Rated
Mac Top Rated
Programming Top Rated
Design Patterns Top Rated
.Net Top Rated
C# Top Rated
Vb.Net Top Rated
Asp.Net Top Rated
Java Top Rated
Python Top Rated
PHP Top Rated
Perl Top Rated
Javascript Top Rated
Ajax Top Rated
CSS Top Rated
Open Source Top Rated
SQL Top Rated
Databases Top Rated
Oracle Top Rated
MySql Top Rated
Sql Server Top Rated
IIS Top Rated
Apache Top Rated
Linux Top Rated
Windows Server Top Rated
Project Management Top Rated
HTML Top Rated
UML Top Rated
IT Certifications Top Rated
Cisco Certifications Top Rated
MCSE Top Rated
MCSD Top Rated
Cooking Top Rated
Italian Cooking Top Rated
Vegetarian Cooking Top Rated
Wine Top Rated
Engineering Top Rated
Entertainment Top Rated
Health Top Rated
Nutrition Top Rated
Dieting Top Rated
Sex Top Rated
History Top Rated
Military History Top Rated
British History Top Rated
Middle East History Top Rated
Land Battles Top Rated
Naval Warfare Top Rated
Air Warfare Top Rated
9/11 Top Rated
Terrorism Top Rated
Home Top Rated
Mortgage\Home Equity Loan Top Rated
Cars Top Rated
Car Buying Top Rated
Sports Cars Top Rated
Cat Top Rated
Humor Top Rated
Horror Top Rated
Law Top Rated
IP Law Top Rated
Legal History Top Rated
Fiction Top Rated
Oprah's Book Club Top Rated
Medicine Top Rated
Cancer Top Rated
Stroke Top Rated
Heart Disease Top Rated
Fertility Top Rated
Diabetes Top Rated
Pharmacology Top Rated
Back Problems Top Rated
Menopause Top Rated
Thyroid Top Rated
Pain Top Rated
Organic Chemistry Top Rated
Immune System Top Rated
Mystery Top Rated
Nonfiction Top Rated
Outdoors Top Rated
Running Top Rated
Radio Control Models Top Rated
Guns Top Rated
Parenting Top Rated
Divorce Top Rated
Professional Top Rated
Reference Top Rated
Religion Top Rated
Romance Top Rated
Science Top Rated
Physics Top Rated
Chemistry Top Rated
Astronomy Top Rated
Psychology Top Rated
Science Fiction Top Rated
Sports Top Rated
Teens Top Rated
Travel Top Rated
USA Top Rated
Europe Top Rated
France Top Rated
Italy Top Rated
England Top Rated
China Top Rated
All Books Arts Biography Click Here For An A-Z Index Of All 213 Best-Seller Subjects