The Book of CSS3: A Developer's Guide to the Future of Web Design

Description

CSS3 is the technology behind most of the eye-catching visuals on the Web today, but the official documentation can be dry and hard to follow. Luckily, The Book of CSS3 distills the heady technical language of the CSS3 specification into plain English, so you can get started on your next project right away.

With real-world examples and a focus on results, The Book of CSS3 shows you how to transform ordinary text into stunning, richly detailed web pages fit for any browser. You'll master the latest cutting-edge CSS features, like multi-column layouts, borders and box effects, and new color and opacity settings. You'll also learn how to:

* Stylize text with fully customizable outlines, drop shadows, and other effects
* Create, position, and resize unlimited background images on the fly
* Spice up static web pages with event-driven transitions and animations
* Apply 2D and 3D transformations to text and images
* Use linear and radial gradients to create smooth color transitions
* Tailor a website's appearance to smartphones and other devices

From the simplest blog layout to the most feature-rich web portal, The Book of CSS3 puts the whole wide world of web design at your fingertips. The future of web design is now-what will you create with it?

CONTENTS:

Dedication; Foreword; Preface; Introduction; The Scope of This Book; A Quick Note About Browsers and Platforms; The Appendices and Further Resources; Chapter 1: Introducing CSS3; 1.1 What CSS3 Is and How It Came to Be; 1.2 Let’s Get Started: Introducing the Syntax; 1.3 Getting Started; Chapter 2: Media Queries; 2.1 The Advantages of Media Queries; 2.2 Syntax; 2.3 Media Features; 2.4 Summary; 2.5 Media Queries: Browser Support; Chapter 3: Selectors; 3.1 Attribute Selectors; 3.2 New Attribute Selectors in CSS3; 3.3 The General Sibling Combinator; 3.4 Summary; 3.5 Selectors: Browser Support; Chapter 4: Pseudo-classes and Pseudo-elements; 4.1 Structural Pseudo-classes; 4.2 Other Pseudo-classes; 4.3 Pseudo-elements; 4.4 Summary; 4.5 DOM and Attribute Selectors: Browser Support; Chapter 5: Web Fonts; 5.1 The @font-face Rule; 5.2 A "Bulletproof” @font-face Syntax; 5.3 Licensing Fonts for Web Use; 5.4 A Real-World Web Fonts Example; 5.5 More Font Properties; 5.6 OpenType Features; 5.7 Summary; 5.8 Web Fonts: Browser Support; Chapter 6: Text Effects and Typographic Styles; 6.1 Understanding Axes and Coordinates; 6.2 Applying Dimensional Effects: text-shadow; 6.3 Adding Definition to Text: text-outline and text-stroke; 6.4 More Text Properties; 6.5 Summary; 6.6 Text Effects: Browser Support; Chapter 7: Multiple Columns; 7.1 Column Layout Methods; 7.2 Column Gaps and Rules; 7.3 Containing Elements within Columns; 7.4 Summary; 7.5 Multiple Columns: Browser Support; Chapter 8: Background Images and Other Decorative Properties; 8.1 Background Images; 8.2 Image Masks; 8.3 Summary; 8.4 Background Images: Browser Support; Chapter 9: Border and Box Effects; 9.1 Giving Your Borders Rounded Corners; 9.2 Using Images for Borders; 9.3 Multicolored Borders; 9.4 Adding Drop Shadows; 9.5 Summary; 9.6 Border and Box Effects: Browser Support; Chapter 10: Color and Opacity; 10.1 Setting Transparency with the opacity Property; 10.2 New and Extended Color Values; 10.3 Matching the Operating System’s Appearance; 10.4 Summary; 10.5 Color and Opacity: Browser Support; Chapter 11: Gradients; 11.1 Linear Gradients; 11.2 Radial Gradients; 11.3 Multiple Gradients; 11.4 Repeating Gradients in Firefox; 11.5 Summary; 11.6 Gradients: Browser Support; Chapter 12: 2D Transformations; 12.1 The transform Property; 12.2 rotate; 12.3 translate; 12.4 skew; 12.5 scale; 12.6 Multiple Transformations; 12.7 Transforming Elements with Matrices; 12.8 Reflections with WebKit; 12.9 Summary; 12.10 2D Transformations: Browser Support; Chapter 13: Transitions and Animations; 13.1 Transitions; 13.2 More Complex Animations; 13.3 Summary; 13.4 Transitions and Animations: Browser Support; Chapter 14: 3D Transformations; 14.1 3D Elements in CSS; 14.2 Transform Style; 14.3 The Transformation Functions; 14.4 The perspective and perspective-origin Properties; 14.5 The Transformation Origin; 14.6 Showing or Hiding the Backface; 14.7 Summary; 14.8 3D Transformations: Browser Support; Chapter 15: Flexible Box Layout; 15.1 Triggering the Flexible Box Layout; 15.2 Making the Boxes Flexible; 15.3 Grouping Flexible Boxes; 15.4 Changing Orientation; 15.5 Changing the Order of Flexible Boxes; 15.6 Alignment; 15.7 Same-Axis Alignment; 15.8 Multiple Rows or Columns; 15.9 Cross-Browser Flex Box with JavaScript; 15.10 Stop the Presses: New Syntax; 15.11 Summary; 15.12 Flexible Box Layout: Browser Support; Chapter 16: Template Layout; 16.1 Setting Up the JavaScript; 16.2 Using position and display to Create Rows; 16.3 Multiple Rows; 16.4 Slots and the ::slot() Pseudo-element; 16.5 Creating Empty Slots; 16.6 Setting Height and Width on Rows and Columns; 16.7 Default Content: The @ Sign; 16.8 Summary; 16.9 Template Layout: Browser Support; Chapter 17: The Future of CSS; 17.1 Mathematical Operations; 17.2 The Grid Positioning Module; 17.3 Extending the Possibilities of Images; 17.4 Grouping Selectors; 17.5 Constants and Variables; 17.6 WebKit CSS Extensions; 17.7 Haptic Feedback; 17.8 Summary; 17.9 Future CSS: Browser Support; CSS3 Support in Current Major Browsers; Media Queries (Chapter 2); Selectors (Chapter 3); Pseudo-classes and Pseudo-elements (Chapter 4); Web Fonts (Chapter 5); Text Effects and Typographic Styles (Chapter 6); Multiple Columns (Chapter 7); Background Images and Other Decorative Properties (Chapter 8); Border and Box Effects (Chapter 9); Color and Opacity (Chapter 10); Gradients (Chapter 11); 2D Transformations (Chapter 12); Transitions and Animations (Chapter 13); 3D Transformations (Chapter 14); Flexible Box Layout (Chapter 15); Template Layout (Chapter 16); The Future of CSS (Chapter 17); Online Resources; CSS Modules; Browsers; Browser Support; Feature Detection and Simulation; Code-Generation Tools; Web Fonts; Other Resources; About the Technical Reviewer;