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

← Prev 10 please

Page 32 of 46

10 More please β†’

πŸ”₯ 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

πŸ”₯ Super handy CSS Clip Path generator β†’

9353241037

πŸ”₯ Express' res.format() is a nice way to handle both HTML form submits and JSON API requests in a single request

1635230

πŸ”₯ 2 neat things about <img> when src fails. You can:

  1. Style alt text
  2. Display :before/:after pseudo elements

πŸ‘‰

29185120

πŸ”₯ Use object-fit:cover; on <img> and <video> to get that background-size: cover; effect

27463130
← Prev 10 please

Page 32 of 46

10 More please β†’