🔥 There are 446 Hot Tips!!

🔥 Canvas tip I just learned from @jake_albaugh. You can paint to a really small canvas to get quick+cheap colour processing and you can visualize it with canvas { image-rendering: pixelated; } 🤯 This is a 35x35 canvas

🔥 Intersection Observer is handy for when you need to disable a UI until something has been shown on screen. In this case we can check if the last element of a terms and conditions has been totally shown before enabling the accept button. code in followup tweet 👇🏻

🔥 Nice little trick adapted from @Fotiman after the most recent @syntaxfm

Get an array of all month/day names using .toLocaleDateString()

🔥 If you are trying to add/remove multiple classes from an element, an array spread is the perfect use case here since classList.remove() requires multiple arguments.

Instead of it passing in 1 array arg, it passes each item of the array as a separate argument

🔥 If the Fetch API seems a little cumbersome and you don’t want to reach for Axios, you can always make a handy little function that applies your defaults (assumes JSON) and can be overwritten if needed

🔥 use your webcam to keep an eye on kiddos in your office

🔥 Making a copy of an object and need everything but a property? Use JavaScript destructuring to pull that prop out and then use a ...rest to collect the rest!

🔥 shortcut @@ to your email address on your phone

🔥 Firefox fonts tab will show you if a font used is a webfont or a system font. Handy when you aren’t sure if web fonts are working, or falling back to system.

🔥 If you are trying to debug something in the middle of chaining array methods, just map over it, console.log, and return it.

Since console.log returns nothing, it will just pass the entire array through.

You can even make a handle little debug function 🐛