Reintroducing Web Components
Web Components comprise a suite of technologies for creating reusable custom elements. By encapsulating functionality from the rest of the application code, Web Components provide a standards-based...
Home
Running Python Data Science Libraries in the Browser with Pyodide
Python has always been the lingua franca of data science. Its rich ecosystem of libraries: NumPy for numerical computing, Pandas for data manipulation, Matplotlib for visualization, and Scikit-learn...
Working with monospace fonts: fixing an annoying bug
A persistent CSS quirk often baffles developers: when styling inline <code> elements inside a heading, the monospace text appears significantly smaller than the surrounding text. Inspecting...
Migrating Your Homebrew Tap to GitHub Actions and GitHub Packages
I've maintained a public Hombrew tap for several years, initially to distribute custom builds of packages that were not available in the main Hombrew repositories. Over time the tap evolved to include...
Vendoring and Code Splitting in the HTTP/2 Era
Code splitting is the practice of breaking JavaScript code into small chunks that the browser can load on demand. This technique optimizes load times and improves user experience by only loading the...
Archival Web: Exploring the Past, And Improving the Future
The web has evolved significantly since its creation, and with it, the technologies that power it. Chief among them is CSS, which has undergone significant changes since it was first introduced in...
Exploring Dublin Core: Metadata, Linked Data, and the Web
The Dublin Core Metadata Initiative (DCMI) provides a robust vocabulary for describing digital resources. While understanding the theory behind DCMI is helpful, applying it correctly ensures your...
Document order, visual order, and accessibility
While exploring features like CSS grid lanes, a critical question arises: If the visual order of items differs from the Document Object Model (DOM) order, does it break accessibility for users who...
A Deep Dive into Cross-Origin Isolation
Cross-origin isolation is a security feature that allows web applications to securely use powerful features like SharedArrayBuffer and high-resolution timers (performance.now()). To protect user data...
Building a lightweight YouTube embed component
Standard YouTube embeds are notoriously heavy. A single iframe can download over 1MB of JavaScript and block the main thread, significantly hurting the Largest Contentful Paint (LCP). Furthermore, if...