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.