๐Ÿ”ฅ 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 26 of 46

10 More please โ†’

๐Ÿ”ฅ If you are trying to align oddly sized images, set a hard width + height and then use object-fit: cover; to remove any distortion

img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
3.2K71349182

๐Ÿ”ฅ Quick Video: Heres how JavaScript's Nested Object Destructuring works

1333346

๐Ÿ”ฅ .toLocaleString() is a great way to format currency

2.4K6973614

๐Ÿ”ฅ Use console.dir() to see the properties of an element when console.log() gives you a DOM element

1.1K327183

๐Ÿ”ฅ Quit find-and-replacing in your code! VS Code's Rename Symbol is the best way to mass-rename things things like classes, variables and selectors.

1.3K370373

๐Ÿ”ฅ CSS Grid and Flexbox require a direct parent child relationship to work. With React 16.2 we can use <Fragment></Fragment> to return top level siblings from a Component. No more returning wrapper divs!

406106121

๐Ÿ”ฅ If you have a noisy console or network tab, you can usually filter those things out

641130

๐Ÿ”ฅ 4 Ways to handle the double promise with fetch() and async+await

899250205

๐Ÿ”ฅ @jensimmons just launched a new YouTube channel called Layout Land - first video is on CSS Grid! Make sure you subscribe!

1503411

๐Ÿ”ฅ Use curly brackets in the command line to cut down on typing the same thing over and over

1.5K415435
โ† Prev 10 please

Page 26 of 46

10 More please โ†’
โŒ‚