Chrome extensions are just web pages with superpowers — but the superpowers come with rules. This is the beginner's map: the parts, the permissions, why your popup can't see the page you're looking at, and the caveats that bite everyone exactly once.
20 posts tagged with "web-development"
View All TagsBeyond HTTP, Part 3: Browser to Browser
Part 1 let the server reach the browser; Part 2 gave the browser an equal voice back. But in both, every byte still travels through a server. This final part is about the one browser technology that removes the server from the middle: WebRTC, which lets one browser talk straight to another — video, audio, and data, peer to peer.
Beyond HTTP, Part 2: Two-Way Streets
In Part 1 the server learned to talk without being asked — but the browser could still only listen. A chat, a multiplayer game, a collaborative editor: these need both sides speaking freely over one connection. This is Part 2 of the series, and it's about the browser's true two-way channels — WebSockets, the workhorse, and WebTransport, its modern successor.
Beyond HTTP, Part 1: When the Server Speaks First
Plain HyperText Transfer Protocol (HTTP) has one stubborn rule: the browser asks, the server answers, and then the line goes dead. So how does a chat notification, a live score, or a stream of tokens from a language model reach a page that never asked again? This is Part 1 of a three-part tour of the browser's networking beyond request–response — and it starts with the three ways a server can reach you.
How the Browser Loads Scripts
You add a <script> tag, the page runs your code. Underneath that one line the browser does a surprising amount of work: it decides when to run the script, fetches every file it depends on, figures out what each file is asking for, keeps every loaded module in memory so it runs exactly once, and evaluates them all in the right order. This is a tour of that machinery.
The Signal, Not the Noise: Where to Actually Look to Stay Current as a Web Developer
Every web developer knows the anxiety: a new framework trends on social media, a hot take declares your stack obsolete, and you wonder if you've fallen behind. The truth is that the web platform moves on a much slower, much more predictable clock than the discourse suggests — and the roadmap is public. You just have to know where it's published.
This post maps the sources that actually predict where the platform is going: standards bodies, browser vendor programs, runtime release schedules, ecosystem RFCs (request-for-comments proposals), surveys, and events. At the end there's a practical system for consuming all of it without burning out.
A Chronological Guide to JavaScript Modules
JavaScript had no built-in module system for most of its life, so the community invented one pattern after another to fill the gap. This is a chronological tour of how we got from global <script> tags to native ES Modules — and why each step happened.
Web Accessibility in 2026: The 80/20 Guide
Most of accessibility's real-world payoff comes from a handful of habits. This is the 20% of web accessibility work that delivers 80% of the results — the practices worth doing first.
Every Way to Render a React Component, From 2013 to Now
"Rendering" is one of those words that means three different things depending on who you ask. Before we walk the timeline, it helps to separate the layers:
- The rendering API — the actual function you call (
ReactDOM.render,createRoot,renderToString…) to turn a component tree into DOM or HTML. - The rendering strategy — where and when the HTML is produced: in the browser, on a server per-request, at build time, etc.
- The hydration model — how a server-produced HTML page becomes interactive on the client. The post is organized around layer 2 (strategies), because that's where the chronological and simple-to-complex story is richest — but each strategy is tagged with all three: an At a glance box names its rendering API and hydration model too. There's also a short section near the end that lists the API methods on their own, since "render a component" can literally mean those. Each strategy also has a Metrics table in web-vitals shorthand (TTFB, FCP, LCP, TBT, INP, CLS) — every acronym in this post is spelled out in the Glossary at the end.
One honest caveat up front: chronology and complexity mostly line up, but not perfectly. Islands and streaming SSR landed around the same time, for example. I've ordered primarily by conceptual complexity and noted the rough dates as we go.
HTTP: The Hidden Essentials Every Developer Should Know
Every framework, HTTP client, and browser hides the protocol behind a few convenient calls — so most developers never see the request that actually goes over the wire. This post pulls back that curtain: the communication model, the methods, the status codes, and the headers you've been using all along without knowing it.
