🔥 There are 446 Hot Tips!!

Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.

DBngin is such a good little app for managing local database servers.

Highly recommended if your app needs a MySQL, Postgres or Redis DB

24712
985832689585K
2.5K2214861K

🤯 How am I just finding out about display: contents;

Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.

5.6K6041093.1K354K
1.6K54
2K1725127K

Man! I just keep finding new uses for CSS subgrid!

Two tips you should know:

1.8K186391.2K83K
80929
1.9K1663828K

I'm sick of the CSS centering jokes.

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

1.2K404624K
74533
1.7K16059683115K

Are you using position: absolute; to overlap elements?

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

2.5K3064K
1.8K1165829K
1.1K43
3.9K366773.2K293K

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!

2.5K1927857K
1.6K96391.1K116K
41312

Do you like magic links?

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

7723222399104K
1506
373201513K

Cursor really is better than copilot + VS Code.

An example where its extremely helpful:

7176147508259
692483823K
44328

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!

7.4K429186215K
7224731522258K
56028

Man I love this cool effect with CSS Conic gradients!

2.2K1325545K
1.2K24
2.6K224342K162K