πŸ”₯ There are 433 Hot Tips!!

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.

← Prev 10 please

Page 22 of 44

10 More please β†’

πŸ”₯ Style tags can be visible and editable. Kind of like codepen but not as good.

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

37894910

πŸ”₯ 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 &amp;&amp; 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

πŸ”₯ iTunes opening when you hit the play button and Spotify isn’t open?

Rename the executable inside the package contents β†’

7661393228

πŸ”₯ 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

40557416
← Prev 10 please

Page 22 of 44

10 More please β†’