🔥 There are 456 Hot Tips!!

🔥 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

🔥 All CSS background properties can take multiple values - helpful for layering colours, gradients and textures

🔥 Slater your git add and git commit into a single command:

In your terminal, run :

git config --global  '!git add -A && git commit -m'

Then just git ac "commit message"

🔥 Array.from() takes a secondary map argument. Handy for creating and populating arrays of a specific length