🔥 There are 453 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.

This is a CSS performance problem I see all too often.

The React website has some jank due to their use of transition.

Here is how to find what causes it and how to fix it

78730
88520K
1628204
1K772860880K

This Lando Norris website is insane

I dove into the code and broke it all down. Some really neat 3D effects along with scrolling and next level animations

4.2K309602.1K437K
1.9K34K
71664

Oops I made a very crappy monitor

1352154.5K
36612K
88410595752K

The & in a CSS nested selector doesn't need to come at the start!

Needed to style an element based on parent AND child selectors and this was the ticket.

Good idea or nah?

330122211K
35813K
30918
105675316K

I gave bonzi buddy LLM access

54142.2K
19225
1718171417K
1267.4K

I made my own version of Sticker Box called Sticker Dream

27523149K
155951
49718K
64633
3.9K1891372.1K587K

If you want to be able to call server functions from the client, RPC is often the move.

The Bun + Better Call combo gets you a fullstack solution in very little code. Server, Client, bundling and HMR 👌

had to record a little video showing the setup

7315236479103K
28113
184594.5K
43614K

Don't [...spread] or .split() your strings!

Use Intl.Segmenter API. Available in every JS runtime

3.1K234611.7K148K
76113
72718K
61025815K
53618829

The GitHub Universe 2025 badges are absolutely nuts!

Color screen, wifi, Bluetooth. Powered by a raspberry pi 2350 /

I tried my hand at building an app on the way home.

721251817290K
1.5K28K
11K988104211K
101791

Everyone is going nuts for this cursor following eyeball effect.

I break it all down: how it's made, the code behind it and how we made it 3D with depth maps

2.9K2163145K
1.8K30K
69022
1.2K83191K127K