Articles for people who
ship the stack
Rewrites on React, Node.js, TypeScript and AI. A translated body is shown when it exists. If it does not, you see the English text and a note that says so.
Tagged: CSS
Smooth app-like navigations with the View Transitions API in Next.js
App-like page transitions in Next.js with the View Transitions API: shared-element motion between routes without a heavy animation library, plus support notes.
4 min readFive link rel hints that speed First Contentful Paint
Use preconnect, preload, dns-prefetch, prefetch, and modulepreload in the document head to warm connections and cut resource waterfalls without rewriting the app.
3 min readStyle parent elements from their contents with CSS :has()
Learn how :has() finally lets selectors look at descendants and siblings, where microfrontend shells can use it, and why Shadow DOM plus class-name contracts still bound the pattern.
6 min readCrawlable React Accordions: Collapse with CSS Grid, Not Unmounting
Build nested React accordions that keep content in the DOM for indexing, animate height with grid rows, scope one-open-at-a-time per level and reset on close.
8 min readSkipping Offscreen Rendering With content-visibility and contain-intrinsic-size
Learn how content-visibility: auto cuts layout cost on long server-rendered pages, why contain-intrinsic-size is mandatory, and how it compares with virtualization.
12 min readTyped CSS attr(): Feeding HTML Attribute Values Straight Into Styles
Learn how typed CSS attr() turns data attributes into lengths, colours and times, how its fallbacks fail, why url() is blocked, and how to ship it safely today.
18 min readWho Should Own UI Behavior? Choosing Between HTML, CSS and JavaScript
A framework for deciding when native HTML and CSS features like dialog, popover, :has() and container queries should replace JavaScript, and when they should not.
15 min readAn Animated Thumbs-Up Feedback Button Without Any Animation Library
Build a thumbs-up and thumbs-down feedback widget with a keyframe pop animation, active states and a fetch call, using only HTML, CSS and a few lines of JavaScript.
7 min readStructure, Style, Behavior: How HTML, CSS and JavaScript Divide the Work
A beginner-friendly map of what HTML, CSS and JavaScript each own on a web page, how they cooperate, and which common mistakes blur the lines between them.
6 min read
About these articles
Request a 24h estimate
Need the same stack in a production operator layer? Send the brief — estimate within 24 hours.