Stoyan Stefanov

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

Phil Hawksworth Tammy Everts Tim Kadlec Marcy Sutton Todd Harry Roberts Michal Mocny Vinicius Dallacqua Umar Hansa Andy Davies

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.

Screenshot of the blog post

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

YouTube video by JavaScript Conferences by GitNation How Stoyan Stefanov Makes Coding a Creative Process (w/ Scott Tolinski from Syntax.fm)

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

A Performance Maturity Matrix Optimizing the performance of a digital product goes beyond technical tweaks. You have to make systematic changes to the organization behind it. So how to know what part of the system to work on first...

most up and coming: most up and coming: calendar.perfplanet.com/2022/a-perfo... by @screenspan.net

Digging through Chrome traces: an introduction with an example Introduction to Chrome tracing What is a Chrome trace? If you're just getting started learning about tracing, you should read this fantastic introduction from the Perfetto tracing documentation. I l...

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

^^^ Dunning-Kruger in action: if you point someone else's lack of ALT text, you inevitably forget your ALT text too

lazy, aren't we?

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

Screenshot of a tool that converts markdown to powerpoint

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

Standard Ebooks Free and liberated ebooks, carefully produced for the true book lover. Download free ebooks with professional-quality formatting and typography, in formats compatible with your ereader.

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

ABCjs Music Notation with Playback See all the White Piano Keys in ABC notation and MIDI numbers

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/

update: not only my subdomain. I tried a random one and it was also blocked

and many more! calendar.perfplanet.com/2009/renderi...

I found one here (next to Firebug and something called "PageTest" :D ) calendar.perfplanet.com/2009/perform...

Balkanesque: duet for two pianos Shop and Buy Balkanesque: duet for two pianos sheet music. Piano Duet sheet music book by Stoyan Stefanov: Augmented Second at Sheet Music Plus. (A0.1595786).

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

The bad: all the Windows machines' Edge browsers refused to connect to my Vercel subdomain. Weird because vercel.com works, vercel.app works (redirects to .com) but not the fontes-locais[DOT]vercel[DOT]app

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

And skipping protocol e.g. "https://" could "win" you 7 more characters before the shortening kicks in

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

Web MIDI Keyboard An extremely simple and lightweight keyboard web app

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.

yup, sorry for the typing laziness

kinda related... also add PO to the the email sender, because it's currently The Organizers and it provokes a little "huh?" reaction.

But still Kudos for organizing it all!