css blog with helpful tips and tricks
Generative UI Notes
26 March 2026 @ 2:59 pm
Looking at research and experiments that are designed to automatically generate user interfaces based on user preferences.
Generative UI Notes originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Experimenting With Scroll-Driven corner-shape Animations
23 March 2026 @ 1:51 pm
The new CSS corner-shape() property is mathematical, so it’s easily animated. Author Daniel Schwarz pokes at animating the property for interesting UI effects.
Experimenting With Scroll-Driven corner-shape Animations originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
JavaScript for Everyone: Destructuring
19 March 2026 @ 1:06 pm
Mat Marquis and Andy Bell have released JavaScript for Everyone, an online course offered exclusively at Piccalilli. This post is an excerpt from the course taken specifically from a chapter all about JavaScript destructuring.
JavaScript for Everyone: Destructuring originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More
16 March 2026 @ 3:06 pm
For this issue we have random(), folded clip-path corners, anchored container queries, customizable select, scroll-triggered animations, and more.
What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
4 Reasons That Make Tailwind Great for Building Layouts
16 March 2026 @ 2:01 pm
Tailwind is really great for making layouts and there are many reasons why. Zell Liew looks at four specific examples of common use cases.
4 Reasons That Make Tailwind Great for Building Layouts originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Abusing Customizable Selects
11 March 2026 @ 1:59 pm
Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.
Abusing Customizable Selects originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
The Value of z-index
9 March 2026 @ 2:20 pm
How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.
The Value of z-index originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
The Different Ways to Select <html> in CSS
5 March 2026 @ 2:01 pm
Sure, we can select the <html> element in CSS with, you know, a simple element selector, html. But what other (trivial and perhaps useless) ways can we do it?
The Different Ways to Select <html> in CSS originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Popover API or Dialog API: Which to Choose?
2 March 2026 @ 3:10 pm
Choosing between Popover API and Dialog API is difficult because they seem to do the same job, but they don’t! After a bit lots of research, I discovered that the Popover API and Dialog API are wildly different in terms of accessibility and we'll go over that in this article.
Popover API or Dialog API: Which to Choose? originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
27 February 2026 @ 4:30 pm
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue of What’s !important that’s prrrretty jam-packed. The web community had a lot to say, it seems, so fasten your seatbelts!
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.