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.
Inspired by her popular talks at over 60 international web development conferences, Lea Verou provides a wealth of information for topics including:
- Backgrounds and Borders
- Visual Effects
- User Experience
- Structure and Layout
- Transitions and Animations
About the Author
Lea Verou is an Invited Expert in the W3C CSS Working Group, the committee that designs the CSS language, and previously worked as a Developer Advocate at the W3C, the Web's main standards organization. Currently, Lea conducts research in Human-Computer Interaction at the Massachusetts Institute of Technology (MIT). She also blogs, speaks at international conferences, and codes popular open source projects to help fellow developers.
Most helpful customer reviews
26 of 27 people found the following review helpful.
A must-read for web designers and developers
By Adrian H.
Absolutely fantastic. A must-read for web designers and front-end developers. It's packed with actionable ideas and techniques, many of which I'd never seen before. (Context: I've been a web developer since 1999ish, co-created the Django web framework and have been wrestling with CSS for 15 years or so.)
Each chapter presents a specific web design "problem," along with a CSS solution (and sometimes multiple solutions). Some are simple, others are quite complex. Many are quite clever and will make you think of CSS differently. It's well-written and beautifully designed, with full-color pages and tons of informative footnotes.
The best part is that Lea talks through her thought process in developing each technique, "teaching a man to fish." In that sense, this book is great on two levels: it'll teach you specific techniques, and it'll teach you how to think when developing your *own* techniques for future web design problems.
5 of 5 people found the following review helpful.
First day I got the book, 1 bug bites the dust.
By Yi Liu
I rarely leave product reviews, but I had to in this case in the hope the author may see this. THANK YOU SO MUCH.
I've had an annoying UI bug that I've spent hours on and once my solutions started getting most heinous I decided to live with it instead of writing ungodly amounts of code for something that should be resolved with 1 line of css. For a separate issue a coworker recommended this book. (I couldn't wrap my head around how some css shapes are defined, the math involved etc.) While browsing chapters I found chapter 7, the section titled "Taming table column widths", and it changed my life. It had a great explanation on what the problem was with pictures and diagrams of exactly the issue I was seeing and also the solution had a similar explanation and picture of how the css property fixes the issue (More so the ramifications of the fix.)
The book itself is a piece of art. It has been a joy browsing through the well laid out sections, beautiful typography, and helpful graphics. I have to recommend this book to anyone who does any amount of web design. There is a treasure trove of information in here that no amount of bing/google can compare. 5/5 - would buy again.
4 of 4 people found the following review helpful.
See all 78 customer reviews...
Not just a collection of CSS snippets, but solutions, principles, best practices, and an education in CSS.
Lea Verou's CSS Secrets reminds me a bit of Dan Cedarholm's Bullet-Proof CSS from the early days of "Web 2.0," -- in the sense that it not only teaches you approaches for solving common problems, but in the process it revisits some CSS basics and can serve to "backfill" on concepts you may have skimmed over when you first started using them (margin collapse, anyone?).
CSS Secrets walks through a series of techniques in detail, with notes on the principles behind the tricks, and information on cross-browser compatibility. Most of the techniques offer multiple alternate approaches, each with their own pros, cons and tradeoffs.
Dense with great tips and valuable techniques for the working designer/front-end developer, with best practices upfront and peppered throughout. Too much to absorb in the first read-through--I suspect I will come back to this book frequently for a long time to come.