๐Ÿ”ฅ There are 433 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.

๐Ÿ”ฅ Quick VSCode tip:

โŒฅ + click on css/js paths that don't exist to quickly create that file

356696.4K
1569
4055283962K

Move over Sass!

CSS Selector Nesting dropped in Chrome Stable today.

36412
75214017114115K
2059124.8K

11 years ago I received a Firefox OS Phone (Boot to Geko) - the entire OS was based on HTML, CSS and JS.

Today I re-created the dialer using the WebAudio API - playing two tones at once. Super cool

876
118982259K
3354117.9K

Iโ€™ve been waiting for this forever!

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

1.1K1002217K
8561432023489K
2317

๐Ÿ”ฅ Not into TypeScript Enums?

Generate types from an object with as const!

33751109953K
1134
149773.2K

๐Ÿ”ฅ CSS: Use gradients with mask-image to fade out parts of an element

690831732586K
1987

๐Ÿ”ฅ JavaScript import maps are now in all the browsers! Here is how they work with ES modules.

1.2K17919209130K
774493015K
2818

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