🔥 There are 433 Hot Tips!!

I'm sick of the CSS centering jokes.

You can now vertically center the contents of a block level element without Grid of Flexbox!

Are you using position: absolute; to overlap elements?

It's almost always better to Use CSS Grid instead!

The new Stripe dev site uses a single grid layout of 24 columns and then uses subgrid nested 5-6 levels deep for all its layout.

This is the first time I've seen this used in production - really neat technique!

Do you like magic links?

I think Raycast has nailed the UX here to make everyone happy.

Cursor really is better than copilot + VS Code.

An example where its extremely helpful:

I dug into the ChatGPT Remix codebase and found a few clues as to why they moved from Next.js to Remix. Some surprising things here!

Man I love this cool effect with CSS Conic gradients!

HANDS!

I spent my week learning how thermal receipt printers work, and controlling one with JavaScript.

Hooked it up to the @getsentry webhook API and now I get print outs of my issues as they happen

🔥 CSS Tip!

Have you ever wanted the benefits of a block element but the sizing of an inline element?

width: max-content; comes in super handy here 👌

You know I had to connect the JavaScript receipt Printer up to my webcam.