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.
Page 28 of 46
๐ฅ Multiple caret trick in VS Code/Sublime/Atom. Did this neat trick in my React course that everyone asks about - enjoy!
๐ฅCSS Variables and CSS grid have the same browser support so you can use vars to define row/col/gap and update with JS
๐ฅ ResizeObserver is coming to browsers, which means we can have resize events on a per-element basis. (Element queries anyone?!)
๐ฅ Async functions can chain a .catch() to catch any errors without a try/catch
๐ฅ The new IntersectionObserver browser API will allow us to easily detect when elements on fully or partially on screen.
๐ฅ Node 8.6.0 brings support for Object Spread! Goodbye Object.assign()
๐ฅ On a website with an obnoxious and slow slideslow animation? Make it instant by running $.fx.off = true; in your console
๐ฅ VS @code has a built in diffing tool you can run from the command line with --diff
๐ฅ video.play() returns a Promise which means you can async + await before updating any UI. ๐ช๐ป @rem
๐ฅ Auto Rename Tag for VS Code does, well, exactly what it says. No keyboard shortcut, just rename one tag and the other updates!
I Turned My Office into an Interactive 3D Model with AI