A while back, Temani tacked a repeating grid of hexagon shapes. Well, he’s updated it with modern CSS features that result in fewer magic numbers. And it’s impressive!
Powered by
DigitalOcean
The @custom-media at-rule has landed in Firefox Nightly! I couldn’t find it in the release notes but Adam Argyle’s on […]
Semantic HTML does a lot more accessibility work than we usually give it credit for already — and ARIA is simple to abuse when we use it both as a shortcut and as a supplement.
I love me some good web research reports. I’m a sucker for them. HTTP Archive’s Web Almanac is one report […]
If you’re reading this, chances are you already have some sort of way that you’re following when we publish new […]
The developer community hasn’t wasted any time kicking off 2026 with some really great articles, demos, and insights. Firefox 147 and Chrome 144 also shipped, and while they’re not jam-packed with features, the releases are still pretty exciting for what’s normally a slow time of year, so without further ado, here’s what’s important from the last couple of weeks (or should I say the first couple of weeks, of 2026?)…
.element { filter: blur(5px); }
.element { corner-shape: superellipse(2); }
.element { corner-shape: scoop; }
.element { transform: translateY(calc(sin(20deg * var(--i)) * 100px)); }
.element { transform: translateY(calc(cos(20deg * var(--i)) * 100px)); }
.element { transform: translateY(calc(tan(15deg * var(--i)) * 5dvh)); }
.element { rotate: asin(-0.5); }
.element { rotate: acos(0.5) }
.element { rotate: atan(1); }
.element { rotate: atan2(200px, 200px); }
.element { background-image: cross-fade(url(a), url(b)); }
::picker-icon { content: "✓"; }
.element { animation-range: cover; }
