🔥 There are 450 Hot Tips!!

I’ve been waiting for this forever!

CSS Relative Color functions will let you darken, lighten, add opacity and even calculate complimentary colors.

🔥 Not into TypeScript Enums?

Generate types from an object with as const!

🔥 CSS: Use gradients with mask-image to fade out parts of an element

🔥 JavaScript import maps are now in all the browsers! Here is how they work with ES modules.

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.

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

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

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