Deliver to your Kindle or other device


Try it free

Sample the beginning of this book for free

Deliver to your Kindle or other device

Anybody can read Kindle books—even without a Kindle device—with the FREE Kindle app for smartphones, tablets and computers.
Pro HTML5 and CSS3 Design Patterns

Pro HTML5 and CSS3 Design Patterns [Kindle Edition]

Michael Bowers , Dionysios Synodinos , Victor Sumner
4.0 out of 5 stars  See all reviews (1 customer review)

Print List Price: £35.49
Kindle Price: £22.20 includes VAT* & free wireless delivery via Amazon Whispernet
You Save: £13.29 (37%)
* Unlike print books, digital books are subject to VAT.


Amazon Price New from Used from
Kindle Edition £22.20  
Paperback £24.06  
Kindle Summer Sale: Over 500 Books from £0.99
Have you seen the Kindle Summer Sale yet? Browse selected books from popular authors and debut novelists, including new releases and bestsellers. Learn more

Special Offers and Product Promotions

  • Purchase any Kindle Book sold by and receive £1 credit to try out our Digital Music Store. Here's how (terms and conditions apply)

Customers Who Bought This Item Also Bought

Product Description

Product Description

Pro HTML5 and CSS3 Design Patterns is a reference book and a cookbook on how to style web pages using CSS3 and HTML5. It contains 350 ready–to–use patterns (CSS3 and HTML5 code snippets) that you can copy and paste into your code. Each pattern can be combined with other patterns to create an unlimited number of solutions, and each pattern works reliably in all major browsers without the need for browser hacks.

The book is completely up-to-date with code, best practices, and browser compatibilities for HTML5 and CSS3—enabling you to dive in and make use of these new technologies in production environments.

Pro HTML5 and CSS3 Design Patterns is so much more than just a cookbook, though! It systematically covers every usable feature of CSS3 and combines these features with HTML5 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.

The book’s layout, with a pattern’s example on the left page and its explanation on the right, makes it easy to find a pattern and study it without having to flip between pages. The book is also readable from cover to cover, with topics building carefully upon previous topics.

Pro HTML5 and CSS3 Design Patterns book unleashes your productivity and creativity in web design and development. Instead of hacking your way toward a solution, you'll learn how to predictably create successful designs every time by reusing and combining modular design patterns.

What you’ll learn

  • Code CSS3 and HTML5
  • Use CSS3 Selectors
  • Use six CSS3 Box Models
  • Create rounded corners, shadows, gradients, sprites, and transparency
  • Replace text with images without affecting accessibility
  • Style text with fonts, highlights, decorations, and shadows
  • Create flexible, fluid layouts
  • Position elements with absolute pixel precision
  • Stack elements in layers
  • Size, stretch, shrinkwrap, indent, align, and offset elements
  • Style tables with borders and alternating striped rows
  • Size table columns automatically
  • Integrate CSS3 and JavaScript without embedding JavaScript in HTML5
  • Create drop caps, callouts, quotes, and alerts

Who this book is for

A software developer can use this book to learn CSS3 for the first time. A designer familiar with CSS3 can use this book to master CSS3 and HTML5. If you are completely new to coding or completely new to CSS3 and HTML5, you may want to read an introductory book on CSS3 and HTML5 first.

Table of Contents

  1. Design Patterns: Making CSS 3 Easy!
  2. HTML Design Patterns 
  3. CSS Selectors and Inheritance
  4. Box Models
  5. Box Model Extents
  6. Box Model Properties
  7. Positioning Models
  8. Positioning: Indented, Offset, and Aligned
  9. Positioning: Advanced
  10. Styling Text
  11. Spacing Content
  12. Aligning Content
  13. Blocks
  14. Images
  15. Tables
  16. Table Column Layouts
  17. Layouts
  18. Dropcaps
  19. Callouts and Quotes
  20. Alerts

About the Author

A bio is not available for this author.

Product details

  • Format: Kindle Edition
  • File Size: 22524 KB
  • Print Length: 532 pages
  • Publisher: Apress; 1 edition (23 Nov 2011)
  • Sold by: Amazon Media EU S.à r.l.
  • Language: English
  • ISBN-10: 1430237813
  • ISBN-13: 978-1430237815
  • ASIN: B006C9ELIA
  • Text-to-Speech: Enabled
  • X-Ray:
  • Average Customer Review: 4.0 out of 5 stars  See all reviews (1 customer review)
  • Amazon Bestsellers Rank: #410,884 Paid in Kindle Store (See Top 100 Paid in Kindle Store)
  •  Would you like to give feedback on images?

More About the Authors

Discover books, learn about writers, and more.

What Other Items Do Customers Buy After Viewing This Item?

Customer Reviews

5 star
3 star
2 star
1 star
4.0 out of 5 stars
4.0 out of 5 stars
Most Helpful Customer Reviews
4.0 out of 5 stars Clever idea, use with Firebug etc to learn 3 Feb 2013
I have seen a few CSS learning resources and they all take the same approach. Let's list out all the details of what every thing means and how CSS works.. Normally with a few examples but not really approaching the true complexities of real web sites (layouts and positioning can be tricky in particular ).

This book comes with example code that you can load up into you browser and using an extension such as Firebug, actually tweak the various settings in place and see what the results are. By combining this with the descriptions in the book for each pattern I have found I can actually understand what's going on ! This is a neat way to learn and sure beats trying to 'reverse engineer' random pages you find.

I'm amazed that the first chapter of this book doesn't direct the user to install Firebug in bold caps, and show a large screen shot..

Firebug is the best way I have found to make sense of these patterns with out hurting my head too much. Once you load up the examples and start playing you will finally feel like you are really getting some where with CSS !

The book does cover HTML5 and CSS3 but I don't think introducing these newer technologies is necessarily its main focus. So be warned.

If I was being very critical I would say the quality of the screen shots could use improving a bit. I find some of the patterns are explained a little too 'succinctly' and can therefore take some time to understand. Having said that, I would again reiterate that you /NEED/ to load the examples up. To be fair I would probably give a 4.5 if possible.

Note that I have not read the entire book, I have benefited from the chapters on positioning though and will update my review.
Comment | 
Was this review helpful to you?
Most Helpful Customer Reviews on (beta) 3.2 out of 5 stars  6 reviews
9 of 9 people found the following review helpful
4.0 out of 5 stars Content = 5 Stars 5 Dec 2011
By DavMin - Published on
Format:Paperback|Verified Purchase
Excellent and well thought out content. I look forward to learning it all.

One thing I noticed though, the screen shots are terribly low resolution. Something must have gone wrong at the printers because all the screen shots - and there is one on every page - are grainy.

So, paper quality A+, content A+, screenshot resolution D-.

I wonder if I can send it back to Apress and get a correctly printed copy :(
18 of 22 people found the following review helpful
2.0 out of 5 stars Attempt at Relevancy 7 April 2012
By Adrian Pomilio - Published on
Format:Paperback|Verified Purchase
Basically this book has HTML5 and CSS3 in the title to get people to buy it. The patterns described are not for just HTML5 and CSS3, they are basic patterns for HTML and CSS, period. There are a couple of minor examples to justify the mention of HTML5 and CSS3, but this book is not worth the money. Think of it as a giant collection of HTML and CSS recipeies, or W3C spec trivia.

For instance there are sections on indenting text, or using an offset, collapsing borders on a table... This book is not for a PRO. If you are a PRO then you learned this stuff in your first year.

If you are brand new to web development then this book will help you, if not for the basics but also the positioning section. That is why I didn't give this book a 1 star.

If you know what your doing, or you are looking for a good book on HTML5 or CSS3 then this is NOT the book for you. The title uses those words to suck people into buying the book, buzzword bingo. Disappointed in Apress for this one.
4 of 5 people found the following review helpful
4.0 out of 5 stars Good but ... 19 Dec 2011
By Amazon Customer - Published on
Format:Paperback|Verified Purchase
I think the book is informative, however, I found enough typos and misformatings to detract from my reading experience. Definitely a good buy, but buyer be warned! I wish this was a digital copy that could be corrected!
2 of 3 people found the following review helpful
4.0 out of 5 stars Great content ... Not great execution 18 Dec 2011
By johnvsc - Published on
Format:Kindle Edition|Verified Purchase
I agree with Christian. The content is top notch but the problem/ solution sections are, well problematic. I wonder what the reason was to include jpegs for text? This is serious Kindle FAIL.

Considering getting my money back for an Apress PDF.

This is sad as my copy of the first CSS Design Pattern book fell apart because I used it so much ... and that was a digital PDF, btw ;)
4.0 out of 5 stars Terrific Book 28 Jan 2014
By 8888JoeG - Published on
Over the years I've used many HTMLx and CSSx books and if I had to rate them overall I would give them 3 stars. The problem with most of them is that the author(s) limit their focus to a particular issue. I'm not going to pick on any one in particular, but they generally make a big deal out of a few topics and seem to imply that they've covered everything of interest, when they've covered what interests them.
This book focuses on HTML and CSS up to and including HTML5 and CSS3. This book is not meant to be read like a novel, but if you need a deep understanding of a particular issue, you will find it here.
Were these reviews helpful?   Let us know
Search Customer Reviews
Only search this product's reviews

Popular Highlights

 (What's this?)
design pattern consists of four elements: a pattern name, a problem, a solution, and trade-offs. &quote;
Highlighted by 3 Kindle users

Customer Discussions

This product's forum
Discussion Replies Latest Post
No discussions yet

Ask questions, Share opinions, Gain insight
Start a new discussion
First post:
Prompts for sign-in

Search Customer Discussions
Search all Amazon discussions

Look for similar items by category