JavaScript-Free Syntax Highlighting Using OpenType Font Features for Hand-Coded Websites
By
california-og
Toasted golden, schmeared with insight. Top of the rack.
Summary
The article explores the challenges of hand-coding websites without frameworks, focusing specifically on syntax highlighting for code snippets. It presents an innovative solution using OpenType font features (contextual alternates and COLR table) to achieve syntax highlighting without JavaScript. The author discusses the technical implementation, limitations, and potential of this approach for creating lightweight, maintainable hand-coded websites.
Key quotes
· 3 pulledWhen I display snippets of code, I want to
An experiment in javascript-free syntax highlighting, made possible by opentype contextual alternates and COLR table
Let's say, I want to make a blog. What are the actual things that prevent me from making—and maintaining—it by hand? What would it take to clear these roadblocks?
You might also wanna read
WebSparks: An AI-Powered Tool for Building Web Applications Without Extensive Coding
WebSparks is an AI-powered software engineer that transforms ideas into fully functional web applications without requiring extensive coding
innovirtuoso.com·18h ago
Joost de Valk publishes open Website Specification: 128 rules for modern, future-proof websites
Joost de Valk, creator of Yoast SEO, published the Website Specification (specification.website) — an open, platform-agnostic reference docu
ppc.land·23h ago
ZX Spectrum BASIC interpreter rebuilt from scratch to run natively in web browsers
A developer has rebuilt the ZX Spectrum's BASIC interpreter from scratch to run in a web browser, without emulating the original Z80 hardwar
boingboing.net·1d ago
How to Set Up an Apache Reverse Proxy for an Ecommerce Website
This article provides a comprehensive, start-to-finish guide on setting up an Apache reverse proxy specifically for ecommerce websites. It c
blog.radwebhosting.com·2d ago
Implementing live text search in React with Firestore Enterprise's built-in search pipeline
Firebase's Firestore Enterprise edition now includes built-in text search support. This article demonstrates how to implement live text sear
firebase.blog·2d ago
wterm: A DOM-based Web Terminal Emulator Powered by Zig and WebAssembly
wterm is a web-based terminal emulator that renders directly to the DOM, providing native text selection, copy/paste, find functionality, an
wterm.dev·2d ago