8 min read
The CSS :has() Patterns That Changed How I Write UI
Six concrete CSS :has() patterns that replaced roughly 400 lines of JavaScript across raxxo.shop.
The Lab · Written in the open · Tagged Tutorials
Lab.
Working notes from the studio. The tools I build, the workflows I keep, the mistakes I paid for.
62 entries · latest 2026-11-06
8 min read
Shopify Section Schema Patterns Editors Actually Love
Range inputs with step 2 and sensible min/max stopped merchant emails about broken spacing on my Shopify theme.
8 min read
CSS Cascade Layers Finally Made My Design System Predictable
CSS Cascade Layers (@layer) let you control the order of style precedence without specificity wars or !important tags
8 min read
The 6 Git Hooks I Copy Into Every New Repo
Every new repo I start gets the same six git hooks copied in before the first commit lands
8 min read
How to Use Claude Design: From Prompt to Production
Setup takes five minutes: open Claude, find Claude Design in the sidebar, optionally grant design system access
8 min read
Shopify Metaobjects Killed My Headless CMS in One Saturday
Metaobjects are native Shopify content types, free on every plan, addressable from Liquid without extra API calls
8 min read
The 8 CSS Properties That Make Dark UIs Feel Premium
Eight CSS properties that turn flat dark themes into polished, layered interfaces with depth, glass effects, and proper…
8 min read
Claude Code /powerup: Learn Features Without Leaving the Terminal
Claude Code shipped /powerup, interactive lessons built into the terminal. Each takes under 2 minutes and covers MCP,…
8 min read
5 Automation Workflows I Run with Claude Code Every Day
Five workflows I run daily with Claude Code that save 10+ hours per week
12 min read
What Actually Goes Into a Claude Code Setup (And Why Most People Skip It)
Most people use Claude Code with zero configuration, missing 80% of what it can do
8 min read
6 Claude Code Commands Every Creator Should Install Today
Slash commands are reusable markdown instructions that eliminate repetitive prompting in Claude Code /repurpose turns one blog post…
8 min read
How to Set Up Claude Code Like a Pro in 2 Minutes
Create a single workspace root at ~/CLAUDE/ with subfolders for projects, assets, and references Write a CLAUDE.md file…