Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile
Stoyan Stefanov 🪩

@stoyanstefanov

PerfPlanet, "JavaScript Patterns"... ex-Facebook, Yahoo, WebPageTest

indieweb.social/@stoyan
bsky.app/profile/stoyan…

ID: 14620179

linkhttps://phpied.com calendar_today01-05-2008 21:51:20

6,6K Tweet

17,17K Followers

553 Following

Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

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. highperformancewebfonts.com/read/web-safe-…

Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

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

"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.
Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

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

Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

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

Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

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

A quick note on the importance of adding `crossorigin` when &lt;link&gt;-preloading fonts: highperformancewebfonts.com/read/on-the-or…
Otherwise you get double trouble: duplicate font downloads and the preload is unused
Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

Today's mini-post on fonts turned out not that mini. A look into the past and future of `-apple-system` and `BlinkMacSystemFont`. TL;DR: delete them from your CSS code. highperformancewebfonts.com/read/ditch-Bli…

Today's mini-post on fonts turned out not that mini. A look into the past and future of `-apple-system` and `BlinkMacSystemFont`. TL;DR: delete them from your CSS code.  highperformancewebfonts.com/read/ditch-Bli…
Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

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

My attempt at clarifying what we mean when we say font, font-family, font-face, typeface, etc.

highperformancewebfonts.com/read/font-jarg…
Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

"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-loc…

"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-loc…
Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

My first blog post was 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.

Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

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 onlinemusictools.com/abcjs/

JSNation | The key JS conference (@thejsnation) 's Twitter Profile Photo

Our interview episodes with top guests are back — now with the iconic NYC skyline🏙️ Catch the one with🎙️Stoyan Stefanov 🪩 — ex-Facebook/Yahoo, creator of smush.it & YSlow 2.0, and JS books author. Hosted by Scott Tolinski - Syntax.fm, co-host of @SyntaxFM. Watch it

Stoyan Stefanov 🪩 (@stoyanstefanov) 's Twitter Profile Photo

highperformancewebfonts.com/read/pick-char… A JS snippet to add a feature to fontdrop.info: 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...

highperformancewebfonts.com/read/pick-char…
A JS snippet to add a feature to fontdrop.info: 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...