An experiment in javascript-free syntax highlighting, made possible by opentype contextual alternates and COLR table
Datatype — variable font that turns text into charts
An OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images — just type.
Fontsource
Download and self-host 1500+ open-source fonts in neatly bundled NPM packages. Access a comprehensive library of web typefaces for free.
Lexicon Embeds Overview
There’s an excellent discussion and thread about syntax highlighting of code blocks happening today: I think most notably there’s some alignment around using a lexicon to represent code blocks (say Tangled’s strings) and embedding those, rather than just doing syntax highlighting w/in the constraints of a bsky post. This seems like a good place to hammer a bunch of things out.
JavaScript With Syntax For Types.
TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.
Meet Datatype, my new font that turns text into charts. Available on Google Fonts and of course in Workspace. Simple syntax like {b:10,25,7,95} turns into sparklines, pie charts, and bar charts that look great in your docs, slides, and sheets. https://t.co/0cgEkOcFfM https://t.co/wViF3fPtMr
Meet Datatype, my new font that turns text into charts. Available on Google Fonts and of course in Workspace.Simple syntax like {b:10,25,7,95} turns into sparklines, pie charts, and bar charts that look great in your docs, slides, and sheets.https://t.co/0cgEkOcFfM pic.twitter.com/wViF3fPtMr— Frank Tisellano (@franktisellano) March 12, 2026
HTML Can Do That
HTML has been gobbling up swathes of what used to be JavaScript’s remit. This page lists a bunch of dynamic functionality that we can now achieve with just HTML.
HTML Can Do That
HTML has been gobbling up swathes of what used to be JavaScript’s remit. This page lists a bunch of dynamic functionality that we can now achieve with just HTML.
hey-api/openapi-ts
🌀 OpenAPI to TypeScript codegen. Production-ready SDKs, Zod schemas, TanStack Query hooks, and 20+ plugins. Used by Vercel, OpenCode, and PayPal.
Bluesky Post Formatter - Bold, Italic, Strikethrough, script, monospace and more
I am sorry, but everyone is getting syntax highlighting wrong
Applying human ergonomics and design principles to syntax highlighting
Really cool idea 🤯 - Install this web font - Just add plain text to the DOM - It renders a chart using font ligatures No JS, no hydration FOUC franktisellano.github.io/datatype/
