🔥 There are 449 Hot Tips!!

🔥 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

🔥 VS Code Better Comments gives you a few different styles of comments based on popular notations. Love love love this - thanks to @stolinski for showing me this.

🔥 You can overwrite VS @code theme settings on a project-by-project basis. I'm using this to differentiate between backend and frontend codebases in my next tutorial. Command Palette → Open Workspace Settings