CSS
Pretty pretty
text-wrap: balanced; dropped first but text-wrap: pretty; wasn’t too far behind and they are both useful. The pretty value is now coming to Safari and Jen Simmons calls it “an unprecedented level of polish to typography on the web.” If you’ve already seen pretty and think of it as the thing that prevents short last […]
Lessons Learned from Recreating a Styled Dialog
Sometimes pretty simple HTML elements have a lot of things to consider and take care of, from interactivity, styling, accessibility, and more.
Minimal CSS-only blurry image placeholders
I’m not the world’s biggest fan of LQIP’s (low quality image placeholders) generally (doing nothing other than handling aspect ratio is… fine), but I really like how much creativity it inspires. I’ve seen a ton of different approaches to it over the years, that all use different technology and all have different advantages and disadvantages. […]
The Latest in the “How are we going to do masonry?” Debate: Apple Says “Item Flow”
Last we checked in with how the web platform was planning on helping us with “masonry” layout, it was a versus battle between “just use grid” and “make a new layout type”. Now Apple folks have an idea: a new shorthand property called item-flow. Nothing is decided here (I don’t think), but it seems very […]
Using currentColor in 2025
Do you need it? Not really, custom properties are probably a better bet. But it still has a bit of utility and it’s fun to think about.
Custom progress element using the attr() function
Now that we’re starting to be able to apply types (like `number`) to values of attributes we pull of HTML elements in CSS, doing interesting things with
CSS Bursts with Conic Gradients
Using hard color stops with `repeating-conic-gradient()` and the double-stop syntax, we can pretty easily create a burst background. Then get fancier.
Reanimating the CSS Day Buttons
These buttons animate from a square to an arrow, and we look at three different ways to do it, each with their own upsides.
Expanding CSS Shadow Effects
Shadows don’t have to be used for… shadows. Inset shadows can layer over backgrounds and because they are animatable, it’s just another tool for drawing what we want to the page.
Did you know?
Frontend Masters Donates to open source projects. $363,806 contributed to date.