πŸ”₯ There are 433 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.

πŸ”₯ Node 7.6 has async/await! Here is a quick run down on how async/await works:

1.3K651350

πŸ”₯ Use console.groupCollapsed() and console.groupEnd() to group together and tuck away any logging you need to do

327122311

πŸ”₯ Use console.table() to log an array of objects in a tidy table πŸ‘Œ

6562711719

πŸ”₯ Use flexbox's order property to re-order pieces of your nav at different breakpoints πŸ‘Œ

1241930

πŸ”₯ Use console.dir(el) to see an element's properties + prototype instead of the element itself

6822361010

πŸ”₯ Skip Youtube pre-roll ads with: $('video').currentTime = $('video').duration

2.4K1K456

πŸ”₯ Use ES6 destructuring to convert an array argument into variables when you define your function

384123151

πŸ”₯ What's the deal with flexbox stretching images? Use align-self: center; on your <img> to fix.

540130120

πŸ”₯ OS X Tip: Most apps will let you ⌘ + Click the title bar to view and open parent folders

2068040

πŸ”₯ Quick Flexbox Tip Video

36380270