Keith J. Grant [Keith J. Grant] - CSS in Depth

A minute to learn... A lifetime to master. That phrase might feel a little trite these days, but I still like it. It was popularized in modern times by being the tagline for the board game Othello. In Othello, players take turns placing white or black pieces onto a grid. If, for example, a white piece is played trapping a row of black pieces between two white, all the black pieces are flipped and the row becomes entirely white.

Like Othello, it isnt particularly hard to learn the rules of CSS. You write a selector that attempts to match elements, then you write key/value pairs that style those elements. Even folks just starting out dont have much trouble figuring out that basic syntax. The trick to getting good at CSS, as in Othello, is knowing exactly when to do what.

CSS is one of the languages of the web, but it isnt quite in the same wheelhouse as programming. CSS has little in the way of logic and loops. Math is limited to a single function. Only recently have variables become a possibility. Rarely do you need to consider security. CSS is closer to painting than Python. Youre free to do what you like with CSS. It wont spit out any errors at you or fail to compile.

The journey to getting good at CSS involves learning everything CSS is capable of. The more you know, the more natural it starts to feel. The more you practice, the more easily your brain will reach for that perfect layout and spacing method. The more you read, the more confident youll feel in tackling any design.

Really good CSS developers arent deterred by any design. Every job becomes an opportunity to get clever, a puzzle to be solved. Really good CSS developers have that full and wide spectrum of knowledge of what CSS is capable of. This book is part of your journey to being that really good CSS developer. Youll gain the spectrum of knowledge necessary to getting there.

If youll permit one more metaphor, despite CSS going on a couple of decades old, its a bit like the Wild Wild West. You can do just about whatever you want to do, as long as its doing what you want. There arent any hard and fast rules. But because youre all on your own, with no great metrics to tell you if youre doing a good jobor notyoull need to be extra careful. Tiny changes can have huge effects. A stylesheet can grow and grow and become unwieldy. You can start to get scared of your own styles!

Keith covers a lot of ground in the book, and every bit of it will help you become a better CSS developer and tame this Wild Wild West. Youll deep dive into the language itself, learning what CSS is capable of. Then, just as importantly, youll learn about ideas around the language that level you up in other ways. Youll be better at writing code that lasts and is understandable and performant.

Even seasoned developers will benefit. If you find yourself reading about something that you already know, youll firm up your skills, affirm your knowledge, and find little oooo bits that surprise you and extend that base.

C HRIS C OYIER

Co-founder, CodePen