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 12 of 26
🔥 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
🔥 Super handy CSS Clip Path generator →
🔥 Express' res.format() is a nice way to handle both HTML form submits and JSON API requests in a single request