Frontend Info

The CSS lh unit Use the lh unit to size and space elements relative to their computed line height.

Props, Composers, and Providers: the composition pattern ladder we use at Orus Choose progressively more powerful React composition patterns only when simpler prop-based APIs stop scaling #react

Rebuilding FIFA Standings Layout with CSS Subgrid Use CSS Grid and subgrid to recreate a responsive tournament bracket without restructuring the markup. #css

All this week articles at Frontend Info #27 Fetch needs error codes, staggered animations in CSS

Scroll-Driven Animations: Opposing Scroll Directions Create opposing scroll animations with CSS scroll-driven animations instead of JavaScript. #css #animation

I let React Compiler handle memoization: Here’s what actually broke React Compiler removes most manual memoization but still requires opt-outs for libraries and patterns it can’t safely optimize. #react

Modern CSS theming Build flexible light, dark, and custom themes using modern CSS variables and color features. #css

What are Git worktrees and why should I use them? Use Git worktrees to work on multiple branches simultaneously. #tools

How to Evaluate an npm Package - 2026 Edition Use a repeatable checklist to evaluate npm packages beyond download counts by verifying provenance, maintenance, and supply-chain security. #tools

Everything you need to know about Sourcemaps Source maps improve debugging but can unintentionally expose your original source code if shipped publicly. #tools

CSS vs JavaScript for animations Compare CSS and JavaScript animation approaches and choose based on control, performance, and complexity needs. #js #css

Moving away from Tailwind - and learning to structure my CSS A practical reflection on replacing utility-first styling with more structured and maintainable CSS architecture. #css

What’s new in Chrome at I/O 2026 Highlights new Chrome platform features and tooling updates announced at Google I/O 2026.

600 million people write right-to-left: 2 fixes your app needs Support RTL layouts properly by fixing directional assumptions and mirrored interface behavior.

When to use (and not use) CSS shorthand properties Use shorthand only when it improves readability and intent, not at the expense of clarity #css

Better fluid sizing with round() Use CSS round() function to create cleaner, fluid sizing values that snap predictably across breakpoints #css

The Architecture Of Local-First Web Development Explains architectural principles behind local-first applications with offline support and client-owned data. #js

Animating Focus with View Transitions Use the View Transitions API to animate focus changes and improve interface continuity. #css

▶️ STOP freezing your React apps, use this Background Trick instead Move expensive UI work off the main interaction path to keep React applications responsive during heavy updates. #react

CSS math random in production: тative randomness without JavaScript Use the CSS random() function to generate native randomized values without JavaScript. #css