Tag: web dev
Learning Remix 3
Porting a Solid 2.0 demo to Remix 3's server-first model
Making my blog feel like other people are here
I wired my homepage up with playhtml so dragging a sticker, waving the hand, or starting a song all happen for everyone who's on the page at the same time. Notes on what I built and why I keep chasing this "we're all here together" feeling.
Why ATProto?
The joys of portability!
The screenshot loop
A small workflow that turned UI work with Claude from a slog into something that actually converges. Take a screenshot, compare to the brief, fix the biggest gap, repeat, and let the agent run the loop.
The screenshot loop
A small workflow that turned UI work with Claude from a slog into something that actually converges. Take a screenshot, compare to the brief, fix the biggest gap, repeat, and let the agent run the loop.
I'm Certified! ...No, Not “Certifiable.”
The very first time I remember using a computer was in the early '90s. Yes, I'm that old. But it was in grade school when we were first learning how to use them to play like one of the original versions of Oregon Trail. Outside of learning that you should never attempt to ford a river and what dysentery was, I didn't really think much more about it at the time. In fact, I don't think I had a single thought about computers until much later when the first family PC with internet made its appearanc...
Pulling Leaflet posts into Astro as a content source
A custom content-layer loader that fetches Leaflet documents from the ATProto PDS and renders them as first-class blog posts
Pulling Leaflet posts into Astro as a content source
A custom content-layer loader that fetches Leaflet documents from the ATProto PDS and renders them as first-class blog posts
Tufte-Style Sidenotes in Astro
Adding Tufte-style margin notes to Astro without JavaScript.
Tufte-Style Sidenotes in Astro
Adding Tufte-style margin notes to Astro without JavaScript.
Browser-Native HTML Sanitization
How to use the new HTML Sanitizer API for secure, library-free HTML injection
CSS @scope: Scoped Styles Without Shadow DOM
How to use the new @scope at-rule for targeted, proximity-aware CSS styling
CSS @scope: Scoped Styles Without Shadow DOM
How to use the new @scope at-rule for targeted, proximity-aware CSS styling
Browser-Native HTML Sanitization
How to use the new HTML Sanitizer API for secure, library-free HTML injection
Adam Argyle - nerdy.dev - Modern CSS
Adam Argyle from the CSS Working Group and Chrome dev tools team discusses VisBug and the future of design-development tool integration.
Using @property for Custom CSS Properties
How to use @property to define and type your CSS custom properties
Using @property for Custom CSS Properties
How to use @property to define and type your CSS custom properties
Using :has() for parent selectors
How to use the new :has() selector in CSS for parent element selection
Using :has() for parent selectors
How to use the new :has() selector in CSS for parent element selection
CSS Grid Techniques
A growing collection of CSS grid techniques and examples
CSS Grid Techniques
A growing collection of CSS grid techniques and examples
Building a resume website with eleventy
How I built an Eleventy resume site that also generates a PDF.
Building a resume website with eleventy
How I built an Eleventy resume site that also generates a PDF.
Aiden Bai - Million.js
Aiden Bai explains how Million.js makes React render faster and discusses growing up alongside his open source community.
Daniel Roe - Nuxt, unJS
Daniel Roe reveals his transition from law to leading Nuxt's core team and how community-driven development shapes the Vue.js ecosystem.
Steve Manuel, Ben Eckel - Extism, Dylibso
Steve Manuel and Ben Eckel from Dylibso explore Extism, their WebAssembly-powered extension framework that's bridging the gap in modern app architecture.