Combining forces, GSAP & Webflow!

Change can certainly be scary whenever a beloved, independent software library becomes a part of a larger organization. I’m feeling a bit more excitement than concern this time around, though.
If you haven’t heard, GSAP (GreenSock Animation Platform) is teaming …

Combining forces, GSAP & Webflow! originally published…

Close, Exit, Cancel: How to End User Interactions Well

What’s in a word? Actions. In the realm of user interfaces, a word is construed as the telltale of a control’s action. Sometimes it points us in the correct direction, and sometimes it leads us astray. We talk a lot …

Close, Exit, Cancel: How to End…

Solving Background Overflow With Inherited Border Radii

One of the interesting (but annoying) things about CSS is the background of children’s elements can bleed out of the border radius of the parent element. Here’s an example of a card with an inner element. If the inner element …

Solving Background Overflow With Inherited Border…

CSS Tricks That Use Only One Gradient

CSS gradients have been so long that there’s no need to rehash what they are and how to use them. You have surely encountered them at some point in your front-end journey, and if you follow me, you also …

CSS Tricks That Use Only One Gradient…

2024: More CSS At-Rules Than the Past Decade Combined

More times than I can count, while writing, I get myself into random but interesting topics with little relation to the original post. In the end, I have to make the simple but painful choice of deleting or archiving hours …

2024: More CSS At-Rules Than the…

Recipes for Detecting Support for CSS At-Rules

The @supports at-rule has been extended several times since its initial release. Once only capable of checking support for property/value pairs, it can now check for a selector using the selector() wrapper function and different font formats and techs using …

Recipes for Detecting Support for CSS…

Searching for a New CSS Logo

There is an amazing community effort happening in search of a new logo for CSS. I was a bit skeptical at first, as I never really considered CSS a “brand.” Why does it need a logo? For starters, the current …

Searching for a New CSS Logo originally…

The Proliferation and Problem of the ✨ Sparkles ✨ Icon

Kate Kaplan hits on something over at Nielsen Norman Group’s blog that’s been bugging me:

The challenge with this icon is sparkle ambiguity: Participants in our recent research study generally agreed that it represented something a little special

The Proliferation and Problem of the ✨ Sparkles ✨ Icon originally published…

Clever Polypane Debugging Features I’m Loving

I’m working on a refresh of my personal website, what I’m calling the HD remaster. Well, I wouldn’t call it a “full” redesign. I’m just cleaning things up, and Polypane is coming in clutch. I wrote about how much …

Clever Polypane Debugging Features I’m Loving originally…

CSS Anchor Positioning Guide

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.

CSS Anchor Positioning Guide originally published on CSS-Tricks, which is part of the DigitalOcean family….