I recently posted a collection of CSS objects enhanced with CSS custom properties. The post has all the CSS custom properties namespaced with the object name to avoid collisions but something occurred to me afterwards: there was a better object that could serve as the base for most of those objects – the spacing object. […]
Tag Archives: CSS
6 Examples of CSS Custom Properties Improving OOCSS
Nicole Sullivan defines A CSS object like this: Basically, a CSS “object” is a repeating visual pattern, that can be abstracted into an independent snippet of HTML, CSS, and possibly JavaScript. That object can then be reused throughout a site. Nichole Sullivan, Object Oriented CSS A popular interpretation of this has led to us creating […]
Simple CSS Transitions
One of my coding heros, Christian Heilmann, recently wrote a new article on Smashing Magazine. The article is a pretty good tutorial for event-driven JavaScript. However, in true-to-myself fashion, I have completely missed the point of that article and noticed one minor thing that Chris did that I think is incredibly cool. Check out his […]
A quick review of SMACSS
If you haven’t heard of this yet, SMACSS stands for Scalable and Modular Architecture for CSS. There have been a lot of people saying a great many positive things about it and I’d just like to add my voice to that crowd with this short review of the book. The printed version of the book […]
Using JavaScript to detect CSS Support
Have you ever had a client that explicitly asked for rounded corners and drop shadows on their design? It’s a royal pain in the … well, it’s a royal pain. Every modern piece of CSS you want to use: box-shadow, box-radius, :nth-child(even), all blown to hell because you know your client will be checking in […]
Fixing CSS with jQuery
One of my coding heros, Lea Verou, came up with a fascinating little script at the beginning of the week: detect CSS selector support using JavaScript. At the time, her script didn’t work in IE. Then I got my hands on it and sorted that little problem. Now that the script works in a wide […]