Bookmarklet: Load All GitHub Comments

A quick way to load all the comments on a GitHub issue. | Continue reading


@meyerweb.com | 2 months ago

Once Upon a Browser

I am pleased to inform you that I’m back on my generative art BS again. | Continue reading


@meyerweb.com | 3 months ago

2023 in (Brief) Review

That was the year that was… and it had three big turning points. | Continue reading


@meyerweb.com | 3 months ago

Once Upon a Browser

Browse through some truly web-native artwork by Eric, and read all about it: There is a lot, and I mean a lot, of room for variability in web technologies. We work very hard to tame it, to deny it, to shun it. adactio.com/links/20745 | Continue reading


@meyerweb.com | 3 months ago

Once Upon a Browser

I am pleased to inform you that I’m back on my generative art BS again. | Continue reading


@meyerweb.com | 3 months ago

Pixelating Live with SVG

In which I ask for SVG filter assistance, because I can’t figure this out. | Continue reading


@meyerweb.com | 4 months ago

Three Decades of HTML

A few days ago was the 30th anniversary of the first time I wrote an HTML document. | Continue reading


@meyerweb.com | 4 months ago

Blinded By the Light DOM

I only recently had a breakthrough about using web components, and now I quite like them. But not the shadow kind. | Continue reading


@meyerweb.com | 5 months ago

Mistakes Were Made

Late last week, I posted a tiny hack related to :has() and Firefox. This was, in some ways, a mistake. | Continue reading


@meyerweb.com | 6 months ago

Prodding Firefox to Update :has() Selection

Wanted to share a little hack I developed to make Firefox a tiny bit more capable with :has(). | Continue reading


@meyerweb.com | 6 months ago

An Anchored Navbar Solution

Revisiting a CSS trick I wrote about in 2022 and re-doing it using a new CSS feature. | Continue reading


@meyerweb.com | 6 months ago

Nuclear Anchored Sidenotes

Sidenotes are hard. Anchor positioning makes them easy. | Continue reading


@meyerweb.com | 7 months ago

Memories of Molly

The Web is a little bit darker today, a fair bit poorer. | Continue reading


@meyerweb.com | 7 months ago

Designing the Igalia Chats Logo

Last week, I designed a logo for the podcast I do at Igalia. | Continue reading


@meyerweb.com | 8 months ago

First-Person Scrollers

Web browsers have higher performance requirements than video games, and in essentially the same ways. Seriously. | Continue reading


@meyerweb.com | 10 months ago

From ABC’s to 9999999

A year or so ago, I set about listening through my entire music library alphabetically by song title. | Continue reading


@meyerweb.com | 1 year ago

Ventura Vexations

I’ve been a bit over a month now on my new 14” MacBook Pro, and I have complaints.  Not about the hardware, which is solid yet lightweight, super-quiet yet incredibly fast and powerful, long-lived on battery, and decent enough under the fingertips.  Plus, all the keyboard keys Ju … | Continue reading


@meyerweb.com | 1 year ago

Echoed Whisper

The two videos I was using Whisper on have been published, so you can see for yourself how the captioning worked out.  Designed as trade-show booth reel pieces, they’re below three minutes each, so watching both should take less than ten minutes, even with pauses to scrutinize sp … | Continue reading


@meyerweb.com | 1 year ago

Peerless Whisper

I ran OpenAI’s Whisper on my laptop to transcribe some videos, and it did an astonishingly good job. | Continue reading


@meyerweb.com | 1 year ago

A Leap of Decades

The process of trading up from a 2013 laptop to a 2023 laptop, including some potentially useful bits about cleanly updating Homebrew. | Continue reading


@meyerweb.com | 1 year ago

Playlist Wishes

What I wish for in an MP3 player so I can create richer, more professional-sounding playlists. | Continue reading


@meyerweb.com | 1 year ago

CSS Wish List 2023

In which I set out to write down a wish or two for CSS in 2023, and ended up with a list of sixteen. | Continue reading


@meyerweb.com | 1 year ago

Minimal Dark Mode Styling

I set up a dirty-rough Dark Mode handler for my web site and am wondering what I might be overlooking. | Continue reading


@meyerweb.com | 1 year ago

Styling a ‘pre’ That Contains a ‘code’

I’ve just committed my first ':has()' selector to production CSS and want to share it, so I will! | Continue reading


@meyerweb.com | 1 year ago

Highlighting Image Accessibility on Mastodon

Styling images posted on mastodon.social based on whether or not they have alt text. | Continue reading


@meyerweb.com | 1 year ago

How to Verify Site Ownership on Mastodon Profiles

Like many of you, I’ve been checking out Mastodon and finding more and more things I like.  Including the use of XFN (XHTML Friends Network) semantics to verify ownership of sites you link from your profile’s metadata!  What that means is, you can add up to four links in your pro … | Continue reading


@meyerweb.com | 1 year ago

Masked Gradient Dashed Lines

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 | Continue reading


@meyerweb.com | 1 year ago

A Dashing Navbar Solution

How I used background gradients to recreate dashed borders as part of a contextually flexible linking design element. | Continue reading


@meyerweb.com | 1 year ago

Nuclear Targeted Footnotes

One of the more interesting design challenges of “The Effects of Nuclear Weapons” was the fact that it has footnotes. | Continue reading


@meyerweb.com | 1 year ago

Table Column Alignment with Variable Transforms

It was easy enough to turn tab-separated text and numbers into table markup, but the column alignment almost broke me. | Continue reading


@meyerweb.com | 1 year ago

Recreating “The Effects of Nuclear Weapons” for the Web

In my previous post, I wrote about a way to center elements based on their content, without forcing the element to be a specific width, while preserving the interior text alignment. In this post, I’d like to talk about why I developed that technique. Near the beginning of this ye … | Continue reading


@meyerweb.com | 1 year ago

Flexibly Centering an Element with Side-Aligned Content

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. | Continue reading


@meyerweb.com | 2 years ago

When or If

The CSSWG (CSS Working Group) is currently debating what to name a conditional structure, and it’s kind of fascinating. | Continue reading


@meyerweb.com | 2 years ago

No, Apple Did Not Crowdfund :focus-visible in Safari

It’s not every week the release notes for a preview build of a web browser ignite Yet Another Twitter Teacup Storm (YATTS™), but that’s what happened when Safari Technology Preview 138 dropped late last week. At least, it’s what happened in the Twitter Teacups I tend to sip. Just … | Continue reading


@meyerweb.com | 2 years ago

URL Decoder/Encoder

Continue reading


@meyerweb.com | 2 years ago

rebeccapurple

On the proposal to add the named color rebeccapurple (equivalent to #663399) to the CSS specification. | Continue reading


@meyerweb.com | 2 years ago

Back in the Csswg

As of yesterday, I’ve rejoined the CSS Working Group, this time as an official Member. | Continue reading


@meyerweb.com | 2 years ago

Back in the CSSWG

As of yesterday, I’ve rejoined the CSS Working Group, this time as an official Member. | Continue reading


@meyerweb.com | 2 years ago

Not a Teen

She would have become a teenager this morning, but she didn’t. | Continue reading


@meyerweb.com | 2 years ago

Ancestors and Descendants – Eric's Archived Thoughts

After my post the other day, I found myself reflecting on just how far CSS itself has come in the last 25 years. | Continue reading


@meyerweb.com | 2 years ago

Meyerweb CSS Reset

Continue reading


@meyerweb.com | 2 years ago

25 Years of CSS

It was the morning of Tuesday, May 7th, 1996 and I was sitting in the Ambroisie conference room of the CNIT in Paris, France having my mind repeatedly blown. | Continue reading


@meyerweb.com | 2 years ago

Adding Pandoc Arguments in BBEdit

TIL: How to add command-line arguments to pandoc when exporting Markdown to HTML from BBEdit. | Continue reading


@meyerweb.com | 2 years ago

Scripted Server Startup for MDN and WPT

Some small scripts and aliases to make firing up the localhost servers for MDN and WPT a little easier. | Continue reading


@meyerweb.com | 3 years ago

First Month at Igalia

Today marks one month at Igalia. It’s been a lot, and there’s more to come, but it’s been a really great experience. | Continue reading


@meyerweb.com | 3 years ago

First Week at Igalia

The first week on the job at Igalia was… it was good, y’all. | Continue reading


@meyerweb.com | 3 years ago

Highlighting Accessible Twitter Content

For my 2020 holiday break, I decided to get more serious about supporting the use of alternative text on Twitter. | Continue reading


@meyerweb.com | 3 years ago

Polite Bash Commands – Eric’s Archived Thoughts

Making my bash environment a little more polite. | Continue reading


@meyerweb.com | 3 years ago