Web Development + Follow

Can we recreate a JavaScript library for scrolling animations with a modern CSS approach using CSS Scroll-Driven Animations? Yes. Yes, we can.

The results from this year’s survey are fairly fresh off the presses. We took a little time to sit with them and jot down some things we noticed and found interesting.

What are tooltips, exactly? There’s two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices.

Dark mode interfaces have matured a lot in the past few years. We all know the “traditional” approach using media queries but in this article, Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences pretty darn easy.

Imagine a scenario where you need to split a layout in half. Basically two equal height columns are needed inside of a container. Each side takes up exactly half of the container. Like many things in CSS, there are a number of ways to go about this.

The CSS text-wrap property is (rightfully) widely assumed to be used strictly for text elements. But Terrence Eden posted an article on his blog that shows how it can also be used to balance the way other types of elements wrap, including icons.

Pop quiz! What’s the difference between a Popover element and a Dialog element? The answer is not all that clear and is widely misunderstood, but Zell has a clear way to explain it so that you know which element to reach for in your work.

There’s a lot of math behind fluid typography. CSS does make the math a lot easier these days, but even …

I’m utterly behind in learning about scroll-driven animations apart from the “reading progress bar” experiments all over CodePen. Well, I’m …

Change can certainly be scary whenever a beloved, independent software library becomes a part of a larger organization. I’m feeling …

I totally get the goal here: make CSS more modular and scalable in WordPress. Put all your global WordPress theme …

It really feels like we’ve hit the tipping point where WordPress goes from open-source to a private project when contributors …

One of the interesting (but annoying) things about CSS is the background of children’s elements can bleed out of the …

What’s in a word? Actions. In the realm of user interfaces, a word is construed as the telltale of a …

CSS gradients have been so long that there’s no need to rehash what they are and how to use them. …

It’s always a gas when a good person doing good work gets a good deal. In this case, Jason’s viral …

More times than I can count, while writing, I get myself into random but interesting topics with little relation to …

Looks like text-wrap: pretty has landed in Safari TP! Been in Chrome since 117. Let’s see if Firefox follows suit.

I sat down with Heydon Pickering in the most recent episode of the Smashing Hour. Full transparency: I was nervous …

The @supports at-rule has been extended several times since its initial release. Once only capable of checking support for property/value …

There is an amazing community effort happening in search of a new logo for CSS. I was a bit skeptical …

Kate Kaplan hits on something over at Nielsen Norman Group’s blog that’s been bugging me: The challenge with this icon …

Many of you — perhaps most of you — have been sitting on the sidelines while WordPress and WP Engine …

Learn about CSS Anchor Positioning, including its syntax, properties, how it is used to position one element next to another, and even how it’s used to resize elements relative to other elements.

I was looking over an older article Patrick Brosset penned for us introducing <selectmenu>, a new proposal at the time …

Seeing a lot more headlines decrying JavaScript and pumping up PHP. Always interesting to see which direction the front-end zeitgeist …

For the past two months, all my livelihood has gone towards reading, researching, understanding, writing, and editing about Anchor Positioning, …

Having fun with Bramus’ new Caniuse CLI tool. This’ll save lots of trips to the Caniuse site!

Two possible syntaxes for CSS masonry, one draft specification, and you get to share your opinions.

Getting right to it: the CSS-Tricks Almanac got a big refresh this week! I’m guessing you’re already familiar with this …