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

Github Copilot Voice - why would you want to code with your voice?

I'm very interested in seeing it evolve as a possible third input device alongside your keyboard and mouse.

31837165477K
645103.4K
1235

🔥 Re-map your CapsLock key to a Hyper key!

It sends ⇧⌥^⌘ and opens up a whole new world for custom keyboard shortcuts.

Some examples I use →

304301513458K
663
1.3K822834K

🔥 Lots of talk about Web Streams in the framework space: React, Remix, Next.js, Sveltekit, and more.

Here is a quick 60 second explanation + demo.

31232210682K
4519219.1K

'🔥'.length is 2. '👨‍👨‍👦‍👦'.length is 11.

Use the Intl.Segmenter() API to count number of perceived characters in a string with emojis in them. Also handy for counting words and sentences!

537631512086K
905
690261413K

Dipping into NFC tags for my home assistant setup.

1640164477K
565232744K

Really cool CSS gradient border effect I recreated after seeing it on the warp website.

Demo: https://htmlpreview.github.io/?https://raw.githubusercontent.com/wesbos/hot-tips/main/warp-card.html

Code: https://github.com/wesbos/hot-tips/blob/main/warp-card.html

1.7K21020811187K
23310
4132187.6K

🔥 If you find yourself digging through massive github threads to find an answer, install the GitHub Issue Reactions extension to quickly jump to the ones with the most 👍

594681311882K
1071

Here are a couple VS Code kickflips that I often get asked about when I do them in videos.

1252
1.1K342117K
26324107742K

🔥 Select ranges of elements in CSS with multiple nth-child selectors and negative n values

35546710643K
753
43319117.9K

🔥 4 TypeScript tips in context of when you would use them. as const, typeof, keyof and template string types

1104
43347413156K
642221615K