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 29 of 44
π₯ Node 7.6 has async/await! Here is a quick run down on how async/await works:
π₯ Use console.groupCollapsed() and console.groupEnd() to group together and tuck away any logging you need to do
console.groupCollapsed()
console.groupEnd()
π₯ Use console.table() to log an array of objects in a tidy table π
π₯ Use flexbox's order property to re-order pieces of your nav at different breakpoints π
π₯ Use console.dir(el) to see an element's properties + prototype instead of the element itself
π₯ Skip Youtube pre-roll ads with: $('video').currentTime = $('video').duration
π₯ Use ES6 destructuring to convert an array argument into variables when you define your function
π₯ What's the deal with flexbox stretching images? Use align-self: center; on your <img> to fix.
π₯ OS X Tip: Most apps will let you β + Click the title bar to view and open parent folders
π₯ Quick Flexbox Tip Video
Vibe Codingβs Huge Problem