O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CSS Secrets

CSS Secrets

by Michailia Verou
Publisher: O'Reilly Media, Inc.
Release Date: June 2015
ISBN: 9781449372736
View table of contents
Start reading

Book Description

In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help intermediate-to advanced CSS developers devise elegant solutions to a wide range of everyday web design problems.

Rather than focus on design, CSS Secrets shows you how to solve problems with code. You'll learn how to apply Lea's analytical approach to practically every CSS problem you face to attain DRY, maintainable, flexible, lightweight, and standards-compliant results.

Table of Contents

  1. Cover Page
  2. Title Page
  3. Copyright Page
  4. Dedication
  5. Secrets by Specification
  6. Foreword
  7. Preface
  8. Words of thanks
  9. Making of
  10. About this book
  11. Chapter 1. Introduction
    1. Web standards: friend or foe?
    2. CSS coding tips
  12. Chapter 2. Backgrounds & Borders
    1. 1 Translucent borders
    2. 2 Multiple borders
    3. 3 Flexible background positioning
    4. 4 Inner rounding
    5. 5 Striped backgrounds
    6. 6 Complex background patterns
    7. 7 (Pseudo)random backgrounds
    8. 8 Continuous image borders
  13. Chapter 3. Shapes
    1. 9 Flexible ellipses
    2. 10 Parallelograms
    3. 11 Diamond images
    4. 12 Cutout corners
    5. 13 Trapezoid tabs
    6. 14 Simple pie charts
  14. Chapter 4. Visual Effects
    1. 15 One-sided shadows
    2. 16 Irregular drop shadows
    3. 17 Color tinting
    4. 18 Frosted glass effect
    5. 19 Folded corner effect
  15. Chapter 5. Typography
    1. 20 Hyphenation
    2. 21 Inserting line breaks
    3. 22 Zebra-striped text lines
    4. 23 Adjusting tab width
    5. 24 Ligatures
    6. 25 Fancy ampersands
    7. 26 Custom underlines
    8. 27 Realistic text effects
    9. 28 Circular text
  16. Chapter 6. User Experience
    1. 29 Picking the right cursor
    2. 30 Extending the clickable area
    3. 31 Custom checkboxes
    4. 32 De-emphasize by dimming
    5. 33 De-emphasize by blurring
    6. 34 Scrolling hints
    7. 35 Interactive image comparison
  17. Chapter 7. Structure & Layout
    1. 36 Intrinsic sizing
    2. 37 Taming table column widths
    3. 38 Styling by sibling count
    4. 39 Fluid background, fixed content
    5. 40 Vertical centering
    6. 41 Sticky footers
  18. Chapter 8. Transitions & Animations
    1. 42 Elastic transitions
    2. 43 Frame-by-frame animations
    3. 44 Blinking
    4. 45 Typing animation
    5. 46 Smooth state animations
    6. 47 Animation along a circular path
  19. Index
  20. Footnotes