Beyond Tailwind: Structuring Modern Vanilla CSS
697
The author is moving from Tailwind to vanilla CSS to leverage modern web standards and gain more creative control over their site's architecture.
Frontend Development
Building the user-facing layer of web applications, including HTML, CSS, JavaScript, component architecture, and the tools and practices that shape the developer experience.
Reading List
Web-Based Multi-Track Video Editing with WebCodecs
297
A high-performance web-based video editor featuring multi-track support and frame-accurate seeking via WebCodecs.
TanStack Start: RSCs as Composable Data Primitives
TanStack Start redefines React Server Components as composable data primitives that integrate with existing client-side tools to give developers total control over rendering and caching.
Bombadil: Autonomous Property-Based Testing for Web UIs
255
Bombadil is an experimental Rust-based tool that uses property-based testing to autonomously find and validate bugs in web user interfaces.
Modern CSS: Replacing Old Hacks with Native Power
708
Native CSS now provides clean, performant replacements for the complex hacks, JavaScript libraries, and preprocessors that were once essential for web development.
Cracking Figma Make: From .make File to Runnable React App
Figma Make prototypes can be reverse-engineered into a runnable React app by unzipping the .make file, decoding its Kiwi-based canvas.fig, and auto-fixing imports, assets, and configs.
Interactive Piano & Metronome: Enable Audio to Start
565
This is an interactive piano/metronome UI that requires a click to enable audio and offers basic controls and settings.
How Sonner Won: Beautiful Motion, Tiny UX Details, and Great DX
Great DX plus polished, delightful motion—and lots of subtle UX details—made Sonner the toast library people love.
Modern CSS, No Build: How 37signals Ships Complex Apps with Vanilla Styles
126
Modern CSS is powerful enough to build complex, maintainable apps without Tailwind or preprocessors—keep it simple and semantic.
A Gallery Driving Mobile-First Web Design
385
A curated gallery to push designers toward truly mobile-first web design.
A Classless CSS Experiment: Components via Custom Tags and Attributes
A classless site using custom tags and attributes delivers lean, accessible CSS—but demands more thoughtful authorship and isn’t universally practical.
ScrollyVideo.js: Scroll-Driven Video with Smart Fallbacks Across Frameworks
A cross-framework scrollytelling video component that auto-tracks scroll and smartly falls back from WebCodecs to HTML5 methods for broad, performant support.
Stop Picking React by Default: Evaluate Better-Fit Frontend Models
698
React-by-default is stifling frontend innovation; intentionally evaluate alternatives like Svelte, Solid, and Qwik to raise the performance and simplicity ceiling.
Animate with Purpose—or Not at All
546
Animate only when it helps—and keep it fast; otherwise, don’t animate.