Modern CSS keeps giving us a lot of new, easier ways to solve old problems, but often the new features we’re getting don’t only solve old problems, they open up new possibilities as well.
Container queries are one of those …
“Smart” Layouts With Container Queries originally published…
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 on CSS-Tricks, which is…
A new explainer for a new HTML attribute to handle handwritten inputs. Like this:
<input type=”text” handwriting=”true” … <input type=”text” handwriting=”false” … <textarea handwriting=”” … <!– evaluates to “true” –<div contenteditable handwriting=”true”…</div<!– maybe? —
The primary use …
HTML Attribute to Allow/Disallow Handwriting Input originally published on CSS-Tricks, which…
Sara Joy’s adaptation of the song “Everybody’s Free (To Wear Sunscreen)” (YouTube) originally by Baz Luhrman with lyrics pulled directly from Mary Schmich‘s classic essay, “Wear Sunscreen”. Anyone who has graduated high school since 1999 doesn’t even have …
Everybody’s Free (To Write Websites) originally published on…
Remember these? Chris would write a post now and then to chronicle things happening around the ol’ CSS-Tricks site. It’s only been 969 days since the last one, give or take. Just think: back then we were poking at …
CSS Chronicles XLII originally published on CSS-Tricks,…
Christian Heilmann gave this talk at Typo3 Developer Days. I’m linking it up because it strikes an already stricken nerve in me. The increasing complexity of web development has an inverse relationship with the decreasing number of entry points …
Christian Heilmann: Let’s make a simpler, more…
It was a few years ago during the 2020 Olympics in Tokyo 2020 that I made a demo of animated 3D Olympic rings. I like it, it looks great, and I love the effect of the rings crossing each other.…
CSS Olympic Rings originally published on CSS-Tricks,…
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 on CSS-Tricks, which is…
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…
Most days, I’m writing vanilla CSS. Thanks to CSS variables and nesting, I have fewer reasons to reach for Sass or any other preprocessor. The times I reach for Sass tend to be when I need a @mixin to loop …
CSS Functions and Mixins Module Notes…