🔥 There are 453 Hot Tips!!

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

Dipping into NFC tags for my home assistant setup.

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

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

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

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

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

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

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

🔥 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