Just published a new section on my site to capture references to a lot of the essential web performance and fundamentals-oriented webdev resources I find myself continually directing folks to. Also, lots and lots of links to blogs I love: infrequently.org/links/

Ha! @11ty.dev folks have opened a Beverly Hills location /cc @zachleat.com

Not the web-type of performance

performance.now() conference by @ppkoch.bsky.social and friends is back again for another edition: perfnow.nl 2 days, single-track, 100% web performance geekout happening 30th and 31st of October in Amsterdam. First 9 speakers announced, tickets on sale now.

highperformancewebfonts.com/read/pick-ch... A quick JS snippet that adds a feature to fontdrop.info to hand pick characters for subsetting with Glyphhanger. You click around and get a command generated that looks like: $ glyphhanger --format=woff2 --subset="font.otf" --whitelist="U+0025,U+0026...

Kohler (manufacturer of toilets) let me upload a photo of my toilet on their site and they figured out the model so I can get the correct spare parts. Would you look at that, not all AI is useless...

Font sizing intensifies

A chat with @tolin.ski of @syntax.fm with a nice NYC backdrop, recorded at @jsnation.gitnation.org www.youtube.com/watch?v=JG7u...

This month's most popular perfplanet article (according to google search console) calendar.perfplanet.com/2023/digging... by @anniesullie.com

lazy, aren't we?

Read in 2025 so far, in an attempt to work on my attention span

I need to make like a 100 slides for a class I'm taking and I found this little tool is perfect www.markdowntoolbox.com/tools/conver...

There's a special place in Hell for sites with custom <select>s and no keypress handling

I decided to help the standardebooks.org project by contributing a new Edith Wharton book. This basically means taking a Project Gutenberg copy and cleaning it up to match the standards and best practices to produce an ebook (which is all HTML turns out!) github.com/stoyan/edith...

Started playing with ABC music notation and ABCjs library. Here's a helper/lookup/test page with a list MIDI and ABC notation of the 88 keys of a piano www.onlinemusictools.com/abcjs/

A first: I have a piece of music now available to buy on a couple of the big sheet music sites

I went to Costco to use their computers for a few extra data points for my local fonts study: fontes-locais.vercel.app. The good: even without admin password I was able to download Chrome (required for the study because of `queryLocalFonts()` support) and run it without installing it...

getting all "scientific" on linkedin's URL shortening logic. Seems like URLs > 26 characters are shortened in posts, but left alone in comments

My one-55k-unzipped-html-file is now a functioning PWA so I can have an offline, unobtrusive (no tracking, no in-app purchases, etc) piano keyboard even on iOS www.onlinemusictools.com/kb/ (One step closer to absolute pitch training: when I hear a random car beep I can check the pitch, wohoo!)

I turned on Reduced Motion on my iPhone and I must say, so far, I kinda prefer it

My first blog post is 20 years ago, in 2005. I just counted the number of broken external links: 584 out of 2808 (20%), that's a bit excessive. Some are not really broken, e.g. chatgpt gives a 403 to my cURL request, webpagetest gives me 429. But still, wowzers, a lot of dead bodies in 20 years.

Put this in your console: setInterval = setTimeout = requestAnimationFrame = console.log ... end you might be stunned, nay, horrified by what's happening in your app, especially with third-party code (inspired by @andydavies.me)

I hung out in the Chicago public library today and I found someone has checked out one of my books. I'm torn between being proud someone is reading or feeling guilty and responsible for the person reading a 9-year old book. I mean the second edition feels old, let alone the 1st

"Which local fonts can I use?" writeup, official docs and a web app to gather field data so we can have an authoritative answer to this question now and in the future highperformancewebfonts.com/read/which-l...

(1/2) Hello font-fancying folks, I'd like to gather data (and then release it in a form similar to caniuse) about the pre-installed fonts on each OS. The tool to gather the data (using queryLocalFonts, so Chrome-only) is fontes-locais.vercel.app, an example data: github.com/stoyan/fonte... ...

Nice investigation into flag emojis (or lack thereof) on Windows geyer.dev/blog/windows...

New blog post: "First timid steps in Rust" www.phpied.com/first-timid-... 1. Install Rust 2. A new project 3. Add dependencies to Cargo.toml 4. All ok so far? 5. Tweaks in src/main.rs 6. (Optional, VSCode only) install rust-analyzer Rust in peace!

I'm having troubles uploading a video. It's an MP4 encoded by Handbrake that seems to work in QuickTime, linkedIn, etc. I'm on Firefox @support.bsky.team

Ever mistyped `git vommit`? Yeah, me neither..

The HPWF site now has a feed highperformancewebfonts.com/feed.xml In the spirit of using this project to do everything "wrong" (hello lizzy.js.org) the feed is generated by my first ever Rust program. LMK if something looks off in your feed reader of choice.

#til there's VLC iOS app and it can play local files

1/ Is compression about to get a major upgrade? @stoyan.me predicts "compression dictionaries everywhere" by 2025. By storing common elements once and sending only the unique parts, we can drastically reduce transfer times. Will you be integrating this? #WebPerf #Compression 🧵👇

there we go... phpied.com/robots.txt After 20 years (minus 2 months) of blogging, I finally added a robots.txt to shoo away AI scrapers Next step: write paper-only books?

My attempt at clarifying what we mean when we say font, font-family, font-face, typeface, etc. highperformancewebfonts.com/read/font-ja...

Bsky feature request: make the muted words work in images too, for those cases where someone screenshots an article with my blocked words in it

Whoopee! I contributed to the `fontaine` Nuxt.js module github.com/nuxt-modules... Thanks @danielroe.dev for the quick turnaround!

Today's mini-post on fonts turned out not so mini. A look into the past and future of `-apple-system` and `BlinkMacSystemFont`: highperformancewebfonts.com/read/ditch-B...

New mini-post, this time on extreme font subsetting highperformancewebfonts.com/read/extreme...

There *is* a solution to 🧭 Safari's annoying insistence of adding its little triangle icon to <details><summary> and it's summary::-webkit-details-marker { display: none; }

A quick note on the importance of adding `crossorigin` when <link>-preloading fonts: highperformancewebfonts.com/read/on-the-... Otherwise you get duplicate font downloads and the preload is unused

Two articles on replacing commonly JS-powered UIs with HTML+CSS: 1) aarontgrogg.com/blog/2023/05... 2) calendar.perfplanet.com/2020/html-an... Know any other good ones? Please share.

Fonts that come with Windows: learn.microsoft.com/en-us/typogr... and MacOS: en.wikipedia.org/wiki/List_of...

Fafofal (Fabulous Font Fallbacks): now with buttons for bold and italics in the test area highperformancewebfonts.com/tools/fafofal/

Ha, since when does Chrome do this? CTRL + Refresh gives you options

Hooray for a spanking new js.org domain: lizzy.js.org

After David Lynch's passing people suggested we should celebrate his life and work by doing something weird. So here's a new Client-Side Rendering JavaScript framework called 🐶 Lizzy.js: github.com/stoyan/Lizzy...

Autocomplete forgot my name!? Oh wait, I’m on the dentist office’s tablet

"Menlo Regular" is a font - a specific instance of the Menlo typeface. When we say "Menlo" we may mean three different things: a typeface, a font collection (a .ttc file) or a font family. Confusion? Yes, please.

With Arial and Times New Roman not present on all Androids and Courier not on iOS, it's official: there is no such thing as a "web-safe" font. www.highperformancewebfonts.com/read/web-saf...

Book idea: “JavaScript for React developers”. Seriously though this is cool www.saaspegasus.com/guides/moder...