CSS in Depth

Summary

CSS in Depth exposes you to a world of CSS techniques that range from clever to mind-blowing. This instantly useful book is packed with creative examples and powerful best practices that will sharpen your technical skills and inspire your sense of design.

Foreword by Chris Coyier, Cofounder of CodePen.

Dig even deeper into the secrets of CSS with our video course CSS in Depth in Motion, available exclusively at Manning.com (www.manning.com/livevideo/css-in-depth-​in-motion)!

About the Technology

Some websites really pop. They look great, they're visually consistent, and they feel interactive and responsive. You can bet their developers knew CSS in depth. CSS specifies everything from the structural layout of page elements to their individual look and feel. True masters know the patterns of CSS development, the techniques to implement them, and the subtle touches that result in beautiful typography, fluid transitions, and balanced graphics. Join them!

About the Book

CSS in Depth exposes you to a world of CSS techniques that range from clever to mind-blowing. This instantly useful book is packed with creative examples and powerful best practices that will sharpen your technical skills and inspire your sense of design. You'll gain new insights into familiar features like floats and units, and experiment with emerging ideas like responsive design and pattern libraries. Bottom line: this book will make you a better web designer and your apps will look fantastic!

What's Inside

• Avoid common CSS pitfalls
• Master misunderstood concepts
• Use flexbox and grid layout
• Responsive designs for any device
• Code for reuse and maintainability

About the Reader

Written for web developers who know the basics of CSS and HTML.

About the Author

Keith J. Grant is a senior web developer who builds and maintains web applications and websites, including The New York Stock Exchange site.

Table of Contents

PART 1 - REVIEWING THE FUNDAMENTALS
1. Cascade, specificity, and inheritance
2. Working with relative units
3. Mastering the box model
PART 2 - MASTERING LAYOUT
4. Making sense of floats
5. Flexbox
6. Grid layout
7. Positioning and stacking contexts
8. Responsive design
PART 3 - CSS AT SCALE
9. Modular CSS
10. Pattern libraries
PART 4 - ADVANCED TOPICS
11. Backgrounds, shadows, and blend modes
12. Contrast, color, and spacing
13. Typography
14. Transitions
15. Transforms
16. Animations

Keith J. Grant is a Senior Web Developer at Intercontinental Exchange, Inc. (ICE), where he wrote and maintains the CSS for the corporate websites, including The New York Stock Exchange site. He has many years of professional experience building and maintaining web applications and web sites using HTML, CSS, and JavaScript.