Progressive enhancement with @supports (video)
With @supports, we can start using features that will come to CSS soon in supporting browsers today.
Read full articleAll articles in “CSS”
These are my articles on how to use CSS effectively and keep it maintainable. Explore some of the other categories as well while you’re here.
CSS that has a tail wind
In utility-first CSS, we do not limit ourselves to single classes. Instead, we use many small classes that each add small pieces of styling.
Read full articleWriting utility-first CSS with Sass
In utility-first CSS, many classes are very similar. We can auto-generate many of them using maps and loops in Sass.
Read full articleHow to name color-variables in Sass
Color variables defined with CSS preprocessors are easier to manage if we map them to semantic names first.
Read full articleWriting BEM-style CSS with Sass
The &-operator in Sass can greatly reduce the typing work required when using BEM in your stylesheets.
Read full articlegrunt-contrib-sass and Node.js 0.10.8
The current versions of Node.js and grunt-contrib-sass don’t work together. Downgrade Node.js to an earlier version to avoid the issue.
Read full articleWriting high-performance CSS
Aside from the established best practices for reducing load times, a few things that can be done to stylesheets to make browsers render pages faster.
Read full articleUnderstanding CSS hierarchy-matching
Understanding the concept behind how browsers match CSS-selectors and HTML helps us write better stylesheets.
Read full article