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

Hot tip for anyone doing AI dev:

Use Ollama to easily run models like Deepseek-r1 or Gemma locally on your machine. It downloads them and spins up a server with an OpenAI SDK compatible API

The smaller models are fast and good enough to work on new features or debug streaming without having to pay for API requests

1.9K130732K153K
70421
48716
77920K
617281614K

Here is how to get the FPS meter and a few other handy tools running in your browsers dev tools

3079.1K
39270
59443913K
32214922926K

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