Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.
🔥 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
53892731
🔥 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.
2.3K61438104
🔥 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
1.3K2723185
🔥 All CSS background properties can take multiple values - helpful for layering colours, gradients and textures
8791761239
🔥 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"
385822618
🔥 Array.from() takes a secondary map argument. Handy for creating and populating arrays of a specific length
488114920
🔥 Object Spread is really handy for overriding defaults
6821501622
Quality
Quality
🔥 iTunes opening when you hit the play button and Spotify isn’t open?
Rename the executable inside the package contents →
7661393228
Quality
Quality
🔥 Logos not lining up? Set a hard width + height, then use object-fit: contain; to un-stretch, perfectly center, and ensure nothing is cut off