css-tricks.com

Aug 22, 2024 | css-tricks.com | Geoff Graham

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 callbacks in as part of the instantiate process. […] Because Web Components self-instantiate, though, there‚Äôs no easy way to do that. There’s a way to use callback functions, just not an “easy” way to go about it.

Aug 21, 2024 | css-tricks.com | Geoff Graham

Hey look at that, the State of CSS Survey for 2024 is open and taking submissions.

Aug 21, 2024 | css-tricks.com | Geoff Graham

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! 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 annoying of ways.

Aug 16, 2024 | css-tricks.com | Geoff Graham

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 Selectors modules, but what really caught my eye was adding triggered delays to CSS for things like hover, long taps, and focus states. The idea stems from an OpenUI proposal, the same group we can thank for raising things like the Popover API and customizable select element.

Aug 15, 2024 | css-tricks.com | Geoff Graham

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 current cell has a colspan attribute, then , and let colspan be the result. If parsing that value failed, or returned zero, or if the attribute is absent, then let colspan be 1, instead. If colspan is greater than 1000, let it be 1000 instead.