Build the Modern Web
For years, managing dark mode on the web meant writing JavaScript toggle logic, maintaining stacks of CSS custom properties, or relying on a preprocessor to swap entire stylesheets. It worked, but it …
The CSS Working Group recently published a new feature that has the front-end community buzzing: the `@scope` rule. If you have spent years writing classes like `.block__element–modifier`, you might …
You write HTML every day. You know the usual suspects: “, “, “, and “. But the HTML5 spec has a handful of hidden gems that rarely get the spotlight. These elements solve real, everyday problems w…
Collaboration tools have transformed how teams work together online. Whiteboarding sessions that once required a physical room now happen across continents. If you have wanted to build your own real-t…
Wire real-time voice input into your web app with the browser-native SpeechRecognition API. Events, interim results, error handling, and a reusable component.
You have been building web-based video tools for a while now. Maybe you rely on FFmpeg.js or a WebAssembly module to handle encoding and decoding. Those tools work, but they come with baggage. Large f…
Build a production-grade icon pipeline using SVG favicons with dark mode support, maskable icons, and the manifest setup every modern PWA needs.
Learn to consume streaming AI API responses directly in the browser using Fetch, ReadableStream, and TextDecoderStream for live token-by-token rendering.
You have a great idea for a web app. You want to ship it fast. You do not want to manage servers, patch databases at 3 AM, or worry about scaling. The solution is a serverless architecture. And in 202…
You are building a web application that needs to process images, run a physics simulation, or parse a large dataset. You reach for JavaScript, but the main thread freezes. The spinner spins. Users lea…
