Rafael Rodrigues

No more magic numbers for your breakpoints

Using CSS container queries with the ch unit instead of arbitrary pixel or rem values creates content-aware breakpoints. When a three-column layout is set to break at 90ch, each column is roughly 30 characters...

The Gridcn: Tron-Inspired shadcn/ui Theme

The Gridcn is a stunning Tron-inspired theme and component system for shadcn/ui that transforms ordinary React interfaces into immersive, cyberpunk-style UIs reminiscent of the Tron universe.

How to debug @starting-style at-rule in Chrome DevTools Chrome DevTools 143+ introduces a "starting-style" label in the Elements Panel for debugging the @starting-style at-rule. Clicking the label triggers transitions and displays the rule in the Styles pane for easy editing...

Introducing: Postgres Best Practices Supabase released Agent Skills for Postgres Best Practices, a collection of 30 rules across 8 categories to help AI coding agents write correct, performant Postgres code. The rules follow the Agent Skills open standard and cover critical...