Search
You can use text-wrap: balance; on icons
24.10.2024
Terence Eden on using text-wrap: balance for more than headings:
But the name is, I think, slightly misleading. It doesn’t only work on text. It will work on any content. For example – I have a row of icons at
…
You can use text-wrap: balance; on icons originally published...
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...
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...
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...
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`...
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...
(Hyper) Links About (Hyper) Links
2.8.2024
Heydon on the virtues of hyperlinking hypertext in an anchor element:
Sometimes, the <a> is referred to as a hyperlink, or simply a link. But it is not one of these and people who say it is one are
…
(Hyper) Links About (Hyper) Links originally published...
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier!
1.8.2024
I have to thank Jeremy Keith and his wonderfully insightful article from late last year that introduced me to the concept of HTML Web Components. This was the “a-ha!” moment for me:
When you wrap some existing markup in a
…
HTML Web Components Make Progressive Enhancement and...
AR, VR, and a Model for 3D in HTML
27.1.2023
Tucked down somewhere in the Safari Technology Preview 161 release notes is a seemingly innocous line about support for a new HTML element and attribute:
Added support for <model src> and honor <source type> attributes (257518@main)
Anytime I …
AR,...
More Than “Slapping Paint on a Website”
29.11.2022
I’m a sucker for anything about front-end job titles.
Anselm Hannemann:
CSS evolved and we’re beyond the point where everyone can just do it as a side interest. We all can learn it and build amazing stuff with it,
…
More Than “Slapping Paint on a Website” originally...
WordPress Developer Blog
22.11.2022
Well, hey check this out. Looks like there is a brand spankin’ new blog over at WordPress.org all about WordPress development. In the original proposal for the blog, Birgit Pauli-Haak writes:
The Make Core blog has a heavy
…
WordPress Developer Blog originally published...
A Couple Changes Coming in Chrome 108
4.11.2022
“A change to overflow on replaced elements in CSS”:
From Chrome 108, the following replaced elements respect the overflow property: img, video and canvas. In earlier versions of Chrome, this property was ignored on these elements.
This
…
A Couple Changes...
CSS Rules vs. CSS Rulesets
21.9.2022
The latest spec:
A style rule is a qualified rule that associates a selector list with a list of property declarations and possibly a list of nested rules. They are also called rule sets in CSS2.
Louis Lazaris:
As the above quote from W3C indicates...
Bunny Fonts
30.6.2022
Bunny Fonts bills itself as the “privacy-first web font platform designed to put privacy back into the internet.”According to its FAQ:
With a zero-tracking and no-logging policy, Bunny Fonts helps you stay fully GDPR compliant and puts your user’s personal
…
Bunny Fonts...
Text-overflow: ellipsis considered harmful
30.6.2022
Eric Eggert:
There are a few legitimate use cases for this technique. For example, you might have a table with titles and descriptions. To preserve more space for the title, you constrain the description to one line on small
…
Text-overflow: ellipsis considered harmful originally...
Am I on the IndieWeb yet?
9.6.2022
Can’t smash the Like button hard enough for what Miriam Suzanne has to say on the challenging technical hurdles of implementing Webmentions:
The first round required several online services along with HTML & JS changes to my static site, just to verify my
…
Am...