🔥 There are 446 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.

🔥 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

🔥 JavaScript Coding Challenge!

Filter this list of homes for the ones that match the list of needs.

12921450

🔥 Git Tip: Use git add -p to review and add changes hunk-by-hunk. Handy when you want to break a single file's changes into two commits

465249171

🔥 Text Pastry + Sublime Multiple Cursors is one of my favourite combos

1924040