Recently, after I mentioned that I was the only one on my team that writes the CSS, someone replied, “You’re lucky”. It stuck with me, and I’ve been thinking about it since. The thing is, it’s not luck. It was a deliberate decision made early when the team was first put together. And I think the rest of the developers on my team would think themselves lucky for not having to touch the CSS.
My book is finally for sale! The MEAP is available on Manning’s website. The first three chapters are available now, and others will be rolling out steadily (I’ve actually already completed drafts of six chapters at this point). Until the end of August, you can use my code mlgrant2 for 50% off. Follow @CSSinDepth on Twitter for updates.
Update June 23, 2016: The editor’s draft has been updated again. It looks like @scope is gone for good, so this post is now a moot point. The way forward now lies in the Shadow DOM. About a year ago, I wrote about a promising feature of CSS, scoping. I love the idea of this feature, and I think it could be one of the most important changes in the near future of CSS.
This is a bolt. You may not realize it, but it is a modern marvel. It is a 150mm bolt with an M20 threading. It works in any piece of hardware that is cut with the same size and threading. It can be turned with any 30mm hex wrench. You can reach into a pile of M20-2.50 nuts, made by any manufacturer, pull any one out, and it will fit this bolt.
In 2003, the CSS Zen Garden went live, and it spearheaded a revolution. At the time, many web designers were still using tables for layouts, and the battle for semantic markup was underway. The Zen Garden showed the world, in beautiful color, what CSS could do. By changing the CSS, you could make the website retro, postmodern, abstract, or elegant. You could move the sidebar to the left, the right, the top, or the bottom of the page.
Well, this is a bit of an experiment… I’ve lost track of how many times I’ve started a redesign of my WordPress blog, only to give up after days of fiddling. This is kind of silly, since I generally finish the design of my site fairly quickly, but get held up fighting with the implementation minutia. I blog very rarely. I also occasionally want to host various other pages that don’t necessarily need to fit with the theme of the rest of my site.
Observation 1: Web developers, in general, don’t know CSS as well as they should. Observation 2: There aren’t really any good roadmaps for learning all the essentials of CSS. There are great resources for the basics, for styling, for code organization/architecture, for advanced tricks. But to work through them all, you get a lot of overlap, and they still leave you with missing gaps in your knowledge. Often, with CSS, you don’t know what you don’t know, and that makes it hard to move forward.