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

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

by Peter Gasston

NOOK Book(eBook)

View All Available Formats & Editions

Available on Compatible NOOK Devices and the free NOOK Apps.
WANT A NOOK?  Explore Now


CSS3 is behind most of the eye-catching visuals on the Web today, but the official documentation can be dry and hard to follow and browser implementations are scattershot at best.

The Book of CSS3 distills the dense technical language of the CSS3 specification into plain English and shows you what CSS3 can do right now, in all major browsers. With real-world examples and a focus on the principles of good design, it extends your CSS skills, helping you transform ordinary markup into stunning, richly-styled web pages.

You'll master the latest cutting-edge CSS3 features and learn how to:
–Stylize text with fully customizable outlines, drop shadows, and other effects
–Create, position, and resize 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

A companion website includes up-to-date browser compatibility charts and live CSS3 examples for you to explore.

The Web can be an ugly place—add a little style to it with The Book of CSS3.

Product Details

ISBN-13: 9781593273637
Publisher: No Starch Press
Publication date: 05/15/2011
Sold by: Penguin Random House Publisher Services
Format: NOOK Book
Pages: 304
File size: 6 MB

About the Author

Peter Gasston has been making websites professionally for more than 14 years in both agency and corporate settings. One of the original contributors to, the leading online destination for CSS3, Gasston is the author of The Modern Web (No Starch Press) and has been published in Smashing Magazine, A List Apart, and net magazine. He also writes the web development blog (". He lives in London, England.

Table of Contents

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;
Browser Support;
Feature Detection and Simulation;
Code-Generation Tools;
Web Fonts;
Other Resources;
About the Technical Reviewer;

Customer Reviews

Most Helpful Customer Reviews

See All Customer Reviews

The Book of CSS3: A Developer's Guide to the Future of Web Design 4.5 out of 5 based on 0 ratings. 2 reviews.
zzshupinga on LibraryThing More than 1 year ago
I was provided access by O'Reilly Publishing to an electronic copy of this book for review purposes.Peter writes the book as if you already have experience using and understanding basic CSS concepts and HTML, so if you're looking for a book to teach you CSS then you'll want a different guide. If however, you want a book that shows you some of the features of CSS3 you're in the right place. Peter has been writing about CSS3 for over 5 years and and in this book he covers some features of CSS3. Each chapter covers a new feature of CSS3, how to use it in clear and easy to understand code to follow, and which browsers currently support the feature. Some of the features covered include media queries--which is useful in designing websites for both full screen and mobile use; using gradients with color backgrounds; and 3D transformation, such as having an image rotate around an axis. The book is also accompanied by a website for future updates and an appendix with online resources to use, learn, and test CSS3.I really like how this book is written and laid out. Peter does a good job of explaining in simple, easy to understand language what's going on with the feature being discussed and how to replicate the feature using the code provided in the examples. He walks through it step by step, explaining it in simple easy to understand language--no deciphering of incomprehensible technical speak here. While he can't highlight every feature, Peter has chosen the ones that are likely to be most useful at this time (and are the most developed/accepted), such as media queries for mobile use, the transitions and animations, gradients, etc. The appendixes are also helpful as one covers what features are supported by what browsers (even though this duplicates what's at the end of the chapters it's nice to have it one place) and an appendix on various web tools that help you generate code as well as test it.Even though not all of the features can be used at the time, its still a useful book and a handy reference to have around. Highly recommend it.
Dillie-O More than 1 year ago
I've been slowly working on my "front end" web development for a while and the critical piece to this is being able to leverage CSS better. With the ability to write mobile compatible applications as well, making CSS work for you is even more important. Fortunately, The Book of CSS3 by Peter Gasston gives you a deep and complete view of the CSS3 specification and how to make it work on your sites. The author is quick to point out that a lot of the new hype that HTML5 demonstrations show isn't really attributed to the HTML5 specification at all, it's due to the features that CSS3 provides and that browsers are finally starting to implement. This is a key point and springboards the book into a lot of examples covering all the concepts you need when working with CSS: fonts, selectors, box effects, animations, and a lot more. This definitely an advanced book. I consider myself an intermediate front end developer, and some of the examples involved were a little beyond my scope of knowledge. There are some assumptions the author makes (you know the difference between a div and a span, but also between bold and strong), so I had to do a little bit of digging at times to get to a fuller understanding of what is going on. However, this isn't that large of an obstacle to tackle and the additional work was worth it. The Book of CSS3 gives you a great book in which to familiarize yourself with CSS3. It's examples are great starters to implement in your own sites, and all the topics you need are covered. I highly recommend it to add to your bookshelf of web development books.