I am pleased to inform you that I’m back on my generative art BS again.
https://meyerweb.com/eric/thoughts/2024/01/02/once-upon-a-browser/
Wanted to share a little hack I developed to make Firefox a tiny bit more capable with :has().
Revisiting a CSS trick I wrote about in 2022 and re-doing it using a new CSS feature.
https://meyerweb.com/eric/thoughts/2023/10/05/an-anchored-navbar-solution/
Sidenotes are hard. Anchor positioning makes them easy.
https://meyerweb.com/eric/thoughts/2023/09/12/nuclear-anchored-sidenotes/
In which I set out to write down a wish or two for CSS in 2023, and ended up with a list of sixt—no, wait, seventeen.
https://meyerweb.com/eric/thoughts/2023/02/08/css-wish-list-2023/
I set up a dirty-rough Dark Mode handler for my web site and am wondering what I might be overlooking.
https://meyerweb.com/eric/thoughts/2023/01/16/minimal-dark-mode-styling/
I’ve just committed my first ':has()' selector to production CSS and want to share it, so I will!
https://meyerweb.com/eric/thoughts/2022/12/29/styling-a-pre-that-contains-a-code/
Styling images posted on mastodon.social based on whether or not they have alt text.
https://meyerweb.com/eric/thoughts/2022/12/14/highlighting-image-accessibility-on-mastodon/
Making a dashed line that has a visible gradient from one color to another, only this time, a dashed gradient is used to create the gaps in the line, not the dashes
https://meyerweb.com/eric/thoughts/2022/10/27/masked-gradient-dashed-lines/
How I used background gradients to recreate dashed borders as part of a contextually flexible linking design element.
https://meyerweb.com/eric/thoughts/2022/10/19/a-dashing-navbar-solution/
One of the more interesting design challenges of “The Effects of Nuclear Weapons” was the fact that it has footnotes.
https://meyerweb.com/eric/thoughts/2022/09/12/nuclear-footnotes/
It was easy enough to turn tab-separated text and numbers into table markup, but the column alignment almost broke me.
https://meyerweb.com/eric/thoughts/2022/08/15/table-column-alignment-with-variable-transforms/
In a recent side project, I needed to center a left-aligned list of links inside the sides of the viewport, but also line-wrap in cases where the lines got too long. Here’s how I did it.
The CSSWG (CSS Working Group) is currently debating what to name a conditional structure, and it’s kind of fascinating.
As of yesterday, I’ve rejoined the CSS Working Group, this time as an official Member.
https://meyerweb.com/eric/thoughts/2021/06/08/back-in-the-csswg/