🔥 There are 449 Hot Tips!!

The Async Context / AsyncLocalStorage API is pretty neat - you can create a store and acesss it anywhere down the callstack context without having to pass around data.

It's kind of like closure scope, but but for the async context of your function calls.

I had to show someone this.

I wanted to use background-clip: text; but with a canvas or video element - not just a background image.

So I came up with this monstrosity that actually works!

Been hearing a lot about JavaScript Signals lately?

With just a few lines of code you can take your Vanilla JS variables and make them reactive.

Here is a little demo I whipped up using Preact Signals - can be used without a framework!

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

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

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

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

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

🔥 Quick VSCode tip:

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

Move over Sass!

CSS Selector Nesting dropped in Chrome Stable today.

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

I’ve been waiting for this forever!

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