Most recent post
I like to keep my CSS tidy and consistently formatted. One of the tools I use to help with that is stylelint. If anyone’s curious, this post explains how I configure it.
Slightly older posts
I don’t use CSS preprocessors they way many people do. Here’s an attempt to explain why.
A number of CSS3 properties that you can use unprefixed or with just a single vendor prefix.
Two different ways of creating a full-width navigation bar with vertically centered links whose entire height is clickable.
A responsive technique for making data tables (or any other element) wider than their parent horizontally scrollable.
Giving an element a height in percent may not do what you expect if its parent does not have an explicit height set.
Images that have dimension attributes in the HTML will retain their height when scaled down with CSS unless you add a height:auto declaration.
If you start seeing mysterious dots rendered on top of positioned elements in Firefox, check your text-overflow and z-index properties.