Book 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
- Title
- Dedication
- Contents at a Glance
- Contents
- About the Authors
- About the Technical Reviewer
- Acknowledgments
- Introduction
-
Chapter 1: Design Patterns: Making CSS Easy!
- Design Patterns—Structured Recipes
- Using Design Patterns
- Using Style Sheets
- CSS Syntax
- Using Cascade Order
- Simplifying the Cascade
- CSS and HTML Links
- Common CSS Properties
- CSS Properties and Values: Common
- CSS Properties and Values: Content
- CSS Properties and Values: Layout
- CSS Properties and Values: Specialized
- Selectors
- Media Queries
- Flexible Units of Measure
- Fixed Units of Measure
- Ratios Between Units of Measure at 96 dpi
- Typical font-size Values at 96 dpi
- Transitions, Animations, and 2D Transformations
- Troubleshooting CSS
- Normalized Style Sheet
- Chapter 2: HTML Design Patterns
- Chapter 3: CSS Selectors and Inheritance
- Chapter 4: Box Models
- Chapter 5: Box Model Extents
- Chapter 6: Box Model Properties
- Chapter 7: Positioning Models
- Chapter 8: Positioning: Indented, Offset, and Aligned
- Chapter 9: Positioning: Advanced
- Chapter 10: Styling Text
- Chapter 11: Spacing Content
- Chapter 12: Aligning Content
- Chapter 13: Blocks
- Chapter 14: Images
- Chapter 15: Tables
-
Chapter 16: Table Column Layout
- Table Layout Models
- Using Column Layouts
- Chapter Outline
- Column Width
- Shrinkwrapped Columns
- Sized Columns
- Content-Proportioned Columns
- Size-Proportioned Columns
- Percentage-Proportioned Columns
- Inverse-Proportioned Columns
- Equal Content-Sized Columns
- Equal-Sized Columns
- Undersized Columns
- Flex Columns
- Mixed Column Layouts
- Chapter 17: Layouts
- Chapter 18: Drop Caps
- Chapter 19: Callouts and Quotes
- Chapter 20: Alerts
- INDEX
Product information
- Title: Pro HTML5 and CSS3 Design Patterns
- Author(s):
- Release date: November 2011
- Publisher(s): Apress
- ISBN: 9781430237808
You might also like
book
40 Algorithms Every Programmer Should Know
Learn algorithms for solving classic computer science problems with this concise guide covering everything from fundamental …
book
Sams Teach Yourself HTML, CSS, and JavaScript All in One, Third Edition
Teach Yourself HTML, CSS, and JavaScript All in One combines these three fundamental web development technologies …
book
CSS Grid Layout: 5 Practical Projects
CSS has grown from a language for formatting documents into a robust language for designing web …
book
Fixing Bad UX Designs
A practical guide filled with case studies and easy solutions to solve the most common user …