You are previewing CSS3 For Web Designers, Second Edition.
O'Reilly logo
CSS3 For Web Designers, Second Edition

Book Description

foreword by JEFFREY ZELDMAN


From advanced selectors to generated content to web fonts, and from gradients, shadows, and rounded corners to elegant animations, CSS3 holds a universe of creative possibilities. No one can better guide you through these galaxies than Dan Cederholm. In this second edition, he tackles new properties and techniques, including micro layouts. Learn what works, how it works, and how to adapt for browsers where it doesn’t.

WHAT’S NEW IN THE SECOND EDITION?

Many of the CSS3 properties Dan discussed in 2010 now have wider browser support, which means you can feel even more confident putting them to use. In this updated edition, Dan has carefully refreshed code samples, removed old hacks that are no longer necessary, and written a whole new chapter on micro layouts. There’s no better time to dive in to–or polish up–your CSS3 skills.

Table of Contents

  1. Title Page
  2. More From the a Book Apart Library
  3. Copyright Page
  4. Table of Contents
  5. Foreword
  6. Introduction
  7. 1. Using CSS3 Today
    1. But Don’t Read the Spec
    2. CSS3 Is for Everyone
    3. Core CSS3 Properties That are Usable Today
    4. Vendor-Specific Prefixes
  8. 2. Understanding CSS Transitions
    1. Tail Wagging the Dog
    2. What are CSS Transitions?
    3. A Simple Example
    4. Timing Functions (Or, I Really Wish I’D Paid Attention in Math Class)
    5. Delaying the Transition
    6. Shorthand Transitions
    7. Browser Support
    8. Building the Full Transition Stack
    9. Transitioning States
    10. Transitioning Multiple Properties
    11. Transitioning all Possible Properties
    12. Which CSS Properties Can Be Transitioned?
    13. Why Not Use Javascript Instead?
    14. Be Smart, Be Subtle
  9. 3. Hover-Crafting with CSS3
    1. Our Case Study
    2. Surprise and Delight
    3. Do Websites Need to Be Experienced Exactly the Same in Every Browser?
    4. Navigating the Moon
    5. Simple and Flexible Hovering Using Opacity
    6. Go Forth and Hover-Craft
  10. 4. Transforming the Message
    1. The Scale Transform
    2. Transforming the Experience
    3. Rotate, Skew, And Translate
    4. Different Transforms to Help Support the Story
    5. Transforming the Moon
    6. One More Time Now: Be Smart, Be Subtle
  11. 5. Multiple Backgrounds
    1. Parallax Scrolling
    2. The Old Way: Extra Markup
    3. The New Way: Multiple Backgrounds Via CSS3
    4. Using Multiple Backgrounds Today
  12. 6. Enriching Forms
    1. Marking Up the Simple Sign-Up Form
    2. Adding Styles for Fieldset and Label
    3. Styling the Text Inputs
    4. Using CSS3 Gradients
    5. A Pure CSS3 Button
    6. What About Other Browsers?
    7. Using Box-Shadow to Create Focus States
    8. Adding CSS Animations to Enrich Form Interactions
    9. Focus on Interaction
  13. 7. Micro Layouts
    1. Multi-Column Layout
    2. Flexboxing the Future
    3. The Future, Now
    4. Conclusion
    5. Further Reading and Resources
  14. References
  15. About the Author
  16. Index
  17. About a Book Apart
  18. Colophon