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

Server side alert(), prompt() and confirm() are actually pretty handy.

Deno has them, along with coloured console.log();

3393362541K
1212
122183.1K

This is going to make fluid + responsive typography so much better!

CSS text-wrap: balance; will evenly distribute your text on available lines.

489721411092K
2276
54936813K

🔥 Use CSS clamp() to make any property have min + max values.

Here I'm using it to stop a tooltip from running off the page.

380371511662K
1755
692181115K

🔥 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
3518106.6K

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

1.2K17919209130K
774493015K
2818