Cool Queries
There’s lots of query-related things that CSS can do that’s pretty neat.
There’s lots of query-related things that CSS can do that’s pretty neat.
Amit Sheen demonstrates using :has()
to apply styles conditionally.
This API allows you to open an element on top of everything despite where it lives in the DOM and without any particular styling.
When it comes to building websites, it can be handy having a few shades of grey at your disposal, no matter your colour palette.
To remove some of the confusion, here’s a list of misconceptions about Specificity in CSS.
A proposal to define masonry and grid in different specifications.
Style queries will unlock many doors.
Music notation should be as accessible and as fluid as text is on the web. CSS Grid helps us get there.
With container style queries on the horizon, it is a good time to do more experiments with them.
I had been aware of the scripting CSS media feature but I was still under the impression that cross-browser support was lacking.
Often feared by developers, the cascade and specificity is actually really simple if you utilise the right mental model when authoring CSS.
CSS has an aspect-ratio property, which has had full support since around 2021.
If you’ve been making websites for years, you know how frustrating it was to lay out a web page with CSS floats.
A simple way to extract motion from a video using CSS.
CSS can be a great HTML testing tool, especially in 2024
We’ve started a new project which requires heavy, creative theming, so I made a prototype to test some ideas out.
A Chrome Canary demo of the new CSS anchor positioning features.
Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup.
An in-depth look at how 37signals built ONCE/Campfire using modern features, vanilla CSS, and no frameworks or preprocessors.
In this post, we’ll explore a technique we can use to “fold” a DOM node, like folding a letter in real-life.