🔥 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.

🔥 Here’s what the new TypeScript 4.9 Satisfies Operator is for

2619106.1K
953
53571812476K

🔥 CSS Container Queries allow us to style elements based on their containers size. Drops in Firefox Feb 14th, and then all browsers will have support!

49159610367K
1255
1.2K992420K

🔥 CLI tip: Get a list of files with ESLint issues and open in VS Code

Pipe eslintgrepxargs code.

Also handy for opening all files with merge conflicts

35911137.4K
614
1672164233K

🔥 Terminal Tip: Suspend or Background processes to temporarily get access to your prompt.

Handy if you need to quickly npm install something, but your server is already running.

44960109665K
610221813K

🔥 Did you know Node.js has an async readline package built in?

Super handy for prompting your user for things like tokens or filenames.

Quick example:

462
2132136040K
220386.3K

🔥 Fixing Twitter’s border-radius problem.

Get perfect border radius with: outerRadius = innerRadius + spaceBetween

3.2K904049K
1.4K1502826529
1162

🔥 4 JavaScript console tips: $, $$, $0 → $4 and $_

948512315K
1235
1.4K19321340169K

🔥 VS Code Find & Replace all instances, but match case and preview changes.

Super handy when duplicating multiple CSS Selectors or JS Components

34734865
660
3758228.1K

🔥 JavaScript Functions Visualized

2K30840492
17210
24115125.6K

🔥 I use this handy git ac alias to add all and commit in a single command

287987.5K
230211574