Frontend
The CSS :has() Selector: A Practical Guide
How the :has() pseudo-class finally gives CSS a parent selector, and the patterns, pitfalls and performance trade-offs that come with it.
·4 min read
Tags
Frontend
33 articles · Page 1 of 3
Frontend
CSS Anchor Positioning: The End of Popper.js
CSS anchor positioning lets you position tooltips, popovers, and menus relative to any element without a JavaScript positioning library.
·4 min read
Frontend
Finite State Machines for Complex UI Logic in TypeScript
Replace boolean flag spaghetti with finite state machines: a TypeScript-first approach to UI states that makes impossible states impossible by construction.
·4 min read
Frontend
Building a Design System: From Tokens to Components
Design tokens, component APIs, and the organizational patterns that make a design system a force multiplier instead of a maintenance burden.
·3 min read
Frontend
State Management in 2026: What to Use and When
A practical guide to choosing the right state management approach in modern React apps — useState, Zustand, React Query — and the reasoning behind each.
·3 min read
Security
Securing API Keys and Secrets in Frontend Applications
Protect API keys in frontend applications with backend proxies, token vaulting, environment hygiene and runtime injection — never in a browser bundle.
·4 min read
Frontend
CSS Architecture at Scale: From Chaos to Confidence
How to structure CSS in large applications — design tokens, component patterns, utility classes, and the principles that prevent stylesheet entropy over time.
·3 min read
Frontend
WebAssembly: Practical Use Cases Beyond the Hype
A grounded look at where WebAssembly delivers real value: image processing, cryptography, data transformation — and when JavaScript is still better.
·4 min read
Frontend
Scroll-Driven CSS Animations Without JavaScript
A hands-on guide to performant scroll-driven animations with native CSS scroll timelines, view transitions and the animation-timeline property.
·5 min read
Frontend
Container Queries: Components That Adapt to Their Container
Build responsive components with CSS container queries that adapt to their container instead of the viewport, so one layout works in sidebars and modals.
·4 min read
Frontend
WebAssembly for JavaScript Developers: Practical Use Cases
Practical WebAssembly use cases for JavaScript developers — image processing, compression, cryptography — and when JavaScript is already fast enough.
·5 min read
Frontend
CSS Scroll-Driven Animations: Beyond Scroll Handlers
Build performant scroll-linked animations with the CSS scroll-driven API: scroll and view timelines, parallax and sticky headers, off the main thread.
·4 min read