Search
The Proliferation and Problem of the ✨ Sparkles ✨ Icon
3.10.2024
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...
Aggregating my distributed self
27.9.2024
Miriam Suzanne’s in the middle of a redesign of her personal website. It began in August 2022. She’s made an entire series out of the work that’s worth your time, but I wanted to call out the fifth and latest …
Aggregating my distributed self originally published...
BCD Watch
26.9.2024
A new tool from Eric Meyer, Brian Kardell, and Stephanie Stimac backed with Igalia’s support. Brian announced it on his blog, as did Eric, describing it like this:
What BCD Watch does is, it grabs releases of the Browser
…
BCD Watch originally published on CSS-Tricks, which...
The selectmenu Element is No More…Long Live select!
23.9.2024
I was looking over an older article Patrick Brosset penned for us introducing <selectmenu>, a new proposal at the time for a more style-able cousin to <select>. From there, I clicked the linked-up <selectmenu> explainer and got… this:…
The selectmenu Element...
Multiple Anchors
16.9.2024
Only Chris, right? You’ll want to view this in a Chromium browser:
CodePen Embed Fallback
This is exactly the sort of thing I love, not for its practicality (cuz it ain’t), but for how it illustrates a concept. Generally, tutorials …
Multiple Anchors originally published...
Smashing Hour With Lynn Fisher
16.9.2024
I’m a big Lynn Fisher fan. You probably are, too, if you’re reading this. Or maybe you’re reading her name for the first time, in which case you’re in for a treat.
That’s because I had a chance to sit …
Smashing Hour With Lynn Fisher originally published...
Sanding UI
10.9.2024
Jim hit a snag while working on a form. Placing labels next to inputs is trivial with flexbox, sure, but what happened in Jim’s case was a bit of dead-clicking between the labels and radio buttons.
The issue? Not the …
Sanding UI originally published on CSS-Tricks, which is part of...
Time Travelling CSS With :target
9.9.2024
Checkbox and radio button hacks are the (in)famous trick for creating games using just CSS. But it turns out that other elements based on user input can be hacked and gamified. There are very cool examples of developers getting creative with CSS...
Sticky Headers And Full-Height Elements: A Tricky Combination
9.9.2024
Quite a fun article I worked on with Philip Braunen. Do you know that little bit of elasticity you get when scrolling beyond the viewport when browsing the web on a mobile device? iPhone calls it a “rubber-banding” effect. …
Sticky Headers And Full-Height Elements: A Tricky...
Paragraphs
30.8.2024
I sure do love little reminders about HTML semantics, particularly semantics that are tougher to commit to memory. Scott has a great one, beginning with this markup:
<pI am a paragraph.</p<spanI am also a paragraph.</span<div
…
Paragraphs originally published...
Shipping Tumblr and WordPress
29.8.2024
Didya see that Tumblr is getting a WordPress makeover? And it’s not a trivial move:
This won’t be easy. Tumblr hosts over half a billion blogs. We’re talking about one of the largest technical migrations in internet history. Some
…
Shipping Tumblr and WordPress originally published...
Introducing <shelly-wc>
28.8.2024
I created a little library at work to make those “skeleton screens” that I’m not sure anyone likes. […] We named it skellyCSS because… skeletons and CSS, I guess. We still aren’t even really using it very much, but it
…
Introducing <shelly-wc> originally published...
Understanding Gutenberg Blocks, Patterns, and Templates
26.8.2024
Developers suffer in the great multitudes whom their sacred block-based websites cannot reach.
Johannes Gutenberg (probably)
Long time WordPresser, first time Gutenberger here. I’m a fan even though I’m still anchored to a classic/block hybrid setup. I believe Johanes himself...
Basic keyboard shortcut support for focused links
23.8.2024
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 incredible amount of work, even …
Basic keyboard shortcut support for focused links originally published...
Callbacks on Web Components?
22.8.2024
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 on Web Components? originally...
RTL Styling 101
20.8.2024
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 originally published...
How are the `colspan` and `rowspan` attributes different?
15.8.2024
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 
…
How are the `colspan`...
OKX Wallet expands Blinks to EVM-compatible chains
15.8.2024
OKX Wallet now supports blockchain links (Blinks) across all EVM-compatible chains, enhancing multichain transactions without switching platforms
Dialogues Blog
14.8.2024
“This isn’t a website. Or even a blog. It’s a conversation.”
That’s the idea! Jay Hoffman and I’ve been chatting a long time now, back since he began writing a series on web history. It’s easy-going talking with someone …
Dialogues Blog originally published on CSS-Tricks, which is part...
font-size Limbo
13.8.2024
You might recall that Alvaro suggests bumping up font-size to 1.25rem from the default user agent size of 16px. Sebastian Laube pokes at that:
I wouldn’t adopt Alvaro’s suggestion without further ado, as I would waste so much space
…
font-size Limbo originally published...