🔥 There are 458 Hot Tips!!

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.

🔥 Not into TypeScript Enums?

Generate types from an object with as const!