How to make a dynamic interlocking image grid with CSS
tells CSS grid to slot in items where there is space. This shuffles around the visual order of the elements, the DOM tree remains…
Categories
CSS
Articles
Guidelines for css utility classes
Never override them Avoid CSS where the utility class is overridden. For example, overriding with a child selector. You want them…
z-index strategies
Let's go over some ways to keep your z-index usage sane. All in one place Keeping all of your z-indexes in one place, in order…
Inheritance media queries and css variables
This article aims to show an alternative to overriding properties directly. Instead we can use CSS variables with the help of…
Theming with current color
This article explores using the currentColor property to theme elements, to avoid writing extra CSS to override color. In cases…
Magic numbers in css
A magic number is a number or value in code that does not have an explicit meaning. In CSS maybe we don't have to be too strict…
My css color system
My approach to color usage is similar to a "no magic numbers" rule that you might find in javascript, where colors are always…
Moving elements on hover pattern
I like elements that move on hover to convey interactivity. A problem with this pattern is "flickering" that can happen when…