Lab

Lab

AI tools, creative workflows, developer deep-dives, and behind-the-scenes from RAXXO Studios.

5 articles

All 5
AI Tools 0
Tutorials 0
Development 1
Shopify 0
Design 2
Business 0
Content 0
Products 0
Latest
RAXXO Studios 9 min read

The Micro-Interactions I Add Last That Make a UI Feel Fast

Optimistic UI updates before the server confirms feel instant to users 150ms is my default transition duration for hover and press states Skeleton screens beat spinners because they show layout, not just waiting Focus rings and press feedback make an...

CSSDesignFrontend
Read article
More Articles
Design
RAXXO Studios 9 min

CSS :has() in Production: 6 Selectors That Replaced JavaScript Across My Sites

Six :has() selectors deleted roughly 240 lines of JS across my sites Form validation styling now uses form:has(:user-invalid), zero input listeners nav:has(a[aria-current]) styles parent menus...

CSSDesign
Read
AI Tools
RAXXO Studios 8 min

Shopify Section Rendering API: 6 Patterns That Cut Storefront TTFB by 60%

Cart drawer refresh swaps one section in 180ms instead of reloading the full PDP at 1.2s. Filtered collection grids return only the product list, cutting...

frontendliquid
Read
Development
RAXXO Studios 8 min

The 6 Vite Plugins That Replaced My Webpack Config

I cut 11 Webpack plugins down to 6 Vite plugins and dev startup dropped from 4.2s to 0.8s vite-plugin-checker runs TypeScript and ESLint in a...

Build ToolsDeveloper Tools
Read
AI Tools
RAXXO Studios 2 min

Pure CSS Animations That Replace JavaScript Libraries

Radar sweeps, HUD effects, floating labels. All pure CSS, zero dependencies, 60fps.

animationcss
Read