Web Development
Interaction to Next Paint: Profiling and Fixing Slow Interactions
A practical walkthrough of measuring Interaction to Next Paint and the concrete techniques for cutting down long input handlers that cause it.
3 min read
Category
Web Development
12 articles
Web Development
Responsive Images: srcset, sizes, and Modern Formats
How srcset and sizes let the browser pick the right image resolution automatically, and how to layer AVIF and WebP on top with picture and source.
2 min read
Web Development
Modern CSS Selectors: :has(), :is(), and :where()
How :has(), :is(), and :where() let CSS express parent-based and grouped selectors that used to require JavaScript or repetitive rules.
3 min read
Web Development
WebSockets vs. Server-Sent Events vs. WebTransport
A practical comparison of WebSockets, Server-Sent Events, and WebTransport to help pick the right real-time transport for a given use case.
2 min read
Web Development
The Browser Rendering Pipeline: Layout, Paint, and Composite
A walkthrough of how browsers turn a style change into pixels on screen, and why some CSS properties are far cheaper to animate than others.
3 min read
Web Development
HTTP Caching: Cache-Control, ETags, and CDN Interplay
How Cache-Control directives and ETags interact with browser and CDN caches, and where each layer disagrees in ways that cause stale content bugs.
3 min read
Web Development
Service Workers and Offline Strategies That Don't Serve Stale Garbage
A service worker with the wrong caching strategy is worse than no service worker at all. Here's how to pick the right one per resource type.
3 min read
Web Development
Web Components Interop: Making Custom Elements Play Nice With Frameworks
Web Components promise framework-agnostic UI, but the interop details — props vs attributes, events, and Shadow DOM styling — are where real integration breaks.
3 min read
Web Development
The View Transitions API: Native Animation Between States
Smooth page and state transitions used to require a JavaScript animation library and careful DOM choreography. The View Transitions API does it natively.
3 min read
Web Development
CSS Container Queries: Designing Components, Not Pages
Media queries respond to the viewport. Container queries respond to the component's own box — which is what most responsive design actually needed.
3 min read
Web Development
Accessibility Beyond Alt Text: What Actually Blocks Real Users
Alt attributes are the easy 10% of accessibility work. Focus management, semantic structure, and keyboard flow are where most sites actually fail.
3 min read
Web Development
The Core Web Vitals Optimization Playbook
LCP, INP, and CLS each fail for different reasons. A practical, metric-by-metric playbook for diagnosing and fixing each one.
3 min read