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
Tag
CSS
5 articles
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
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
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