
Eric gifting us with his research on all the various things that anchors (not links) do when they are in :focus
.
Turns out, there’s a lot!
That’s an understatement! This is an incredi

A gem from Chris Ferdinandi that details how to use custom events to hook into Web Components. More importantly, Chris dutifully explains why custom events are a better fit than, say, callback functions.
With a typical JavaScript library, you pass
…

Hey look at that, the State of CSS Survey for 2024 is open and taking submissions. …
Quick Hit #11 originally published on CSS-Tricks, which is part of the

You ever find yourself in bumper-to-bumper traffic? I did this morning on the way to work (read: whatever cafe I fancy). There’s a pattern to it, right? Stop, go, stop, go, stop… it’s almost rhythmic and harmonious in the most …
The Intersection of Speed and Proximity originally published on CSS-Trick

A client asked if we could mimic the “rubber band” scrolling behavior on many mobile devices. I’m sure you know what I’m talking about. It’s a behavior that already exists and happens automatically in most browsers. In iOS Safari, for …

A couple of weeks ago I was super excited about publishing my first CSS-Tricks post: “Letter Spacing is Broken. Forget about that though, what’s important is the post’s topic: letter spacing is broken and doesn’t work as the CSS …
RTL Styling 101 origin

I can’t say I would have ever expected to see Jeremy Keith performing the Yeah Yeah Yeahs song " rel="noopener">“Maps”, but then again, I don’t know what I expected to happen at Frostapalooza.
The Event
Brad Frost, web …

Every programming language has loops. Loops perform an operation (i.e., a chunk of work) a number of times, usually once for every item in an array or list, or to simply repeat an operation until a certain condition is met.…
All About JavaScript Loops originally published on CSS-Tricks, which is part of the

I was just going over the latest CSSWG minutes (you can subscribe to them at W3C.org) and came across a few interesting nuggets I wanted to jot down for another time. The group discussed the CSS Values, CSS Easing, and …
CSSWG Minutes Telecon (2024-08-14) originally published on

Yes, yes. Functionally, they are different. But heck if I didn’t know about the wacky thresholds until Jens Oliver Meiert tooted a pair of quick polls.
According to the HTML Standard:
- If the curr