πŸ”₯ 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.

← Prev 10 please

Page 14 of 45

10 More please β†’

πŸ”₯ 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 eslint β†’ grep β†’ xargs 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
← Prev 10 please

Page 14 of 45

10 More please β†’