Apress

Pro HTML5 and CSS3 Design Patterns

By Michael Bowers , Dionysios Synodinos , Victor Sumner

Pro HTML5 and CSS3 Design Patterns Cover Image

An update of Michael Bowers' Pro CSS and HTML Design Patterns to include the new features present in HTML5 and CSS3.

Full Description

  • ISBN13: 978-1-4302-3780-8
  • 532 Pages
  • User Level: Intermediate to Advanced
  • Publication Date: November 22, 2011
  • Available eBook Formats: EPUB, MOBI, PDF
  • Print Book Price: $44.99
  • eBook Price: $31.99
Buy eBook Buy Print Book Add to Wishlist

Related Titles

Full 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

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
Source Code/Downloads

Downloads are available to accompany this book.

Your operating system can likely extract zipped downloads automatically, but you may require software such as WinZip for PC, or StuffIt on a Mac.

Errata

If you think that you've found an error in this book, please let us know about it. You will find any confirmed erratum below, so you can check if your concern has already been addressed.

* Required Fields

On page 22:

(for 'Positioned')
static, relative; absolute, fixed
should be read
static, relative, absolute, fixed

(replace the semicolon after "relative" with a comma)