🔥 There are 260 Hot Tips!!

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

🔥 CSS Grid in 45 minutes. A video of my talk at Laracon is now live!

🔥 git add --intent-to-add will track a file without adding any of it’s contents. This is helpful if you use git add -p to review changes before adding them

🔥 Did you know CSS has a turn unit? It’s often easier to turn something rotate(0.75turn) instead of doing the math to rotate(270deg)

🔥 Style tags can be visible and editable. Kind of like codepen but not as good.

<style contenteditable style="display: block; white-space: pre;">

🔥 Create a zip of all changed files and their folders

git archive -o HEAD $(git diff --name-only HEAD)

I’m using this to generate the what-changed-in-this-video “Stepped Solutions” in my courses