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!
Browsers and UIs are dead. Everything is chat