๐Ÿ”ฅ There are 459 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.

๐Ÿ”ฅ Multiple caret trick in VS Code/Sublime/Atom. Did this neat trick in my React course that everyone asks about - enjoy!

1K2413415

๐Ÿ”ฅCSS Variables and CSS grid have the same browser support so you can use vars to define row/col/gap and update with JS

3867630

๐Ÿ”ฅ ResizeObserver is coming to browsers, which means we can have resize events on a per-element basis. (Element queries anyone?!)

986350211

๐Ÿ”ฅ Async functions can chain a .catch() to catch any errors without a try/catch

1.3K4192819

๐Ÿ”ฅ The new IntersectionObserver browser API will allow us to easily detect when elements on fully or partially on screen.

47612690

๐Ÿ”ฅ Node 8.6.0 brings support for Object Spread! Goodbye Object.assign()

1.5K636371

๐Ÿ”ฅ On a website with an obnoxious and slow slideslow animation? Make it instant by running $.fx.off = true; in your console

1132040

๐Ÿ”ฅ VS @code has a built in diffing tool you can run from the command line with --diff

1.2K426291

๐Ÿ”ฅ video.play() returns a Promise which means you can async + await before updating any UI. ๐Ÿ’ช๐Ÿป @rem

1922650

๐Ÿ”ฅ Auto Rename Tag for VS Code does, well, exactly what it says. No keyboard shortcut, just rename one tag and the other updates!

39088270
โŒ‚