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

← Prev 10 please

Page 21 of 44

10 More please β†’

πŸ”₯ If you are trying to add/remove multiple classes from an element, an array spread is the perfect use case here since classList.remove() requires multiple arguments.

Instead of it passing in 1 array arg, it passes each item of the array as a separate argument

23637513

πŸ”₯ If the Fetch API seems a little cumbersome and you don’t want to reach for Axios, you can always make a handy little function that applies your defaults (assumes JSON) and can be overwritten if needed

1.1K1953073

πŸ”₯ use your webcam to keep an eye on kiddos in your office

33030

πŸ”₯ Making a copy of an object and need everything but a property? Use JavaScript destructuring to pull that prop out and then use a ...rest to collect the rest!

1.1K2632944

πŸ”₯ shortcut @@ to your email address on your phone

957124469

πŸ”₯ Firefox fonts tab will show you if a font used is a webfont or a system font. Handy when you aren’t sure if web fonts are working, or falling back to system.

1.3K3442130

πŸ”₯ If you are trying to debug something in the middle of chaining array methods, just map over it, console.log, and return it.

Since console.log returns nothing, it will just pass the entire array through.

You can even make a handle little debug function πŸ›

2.1K4532697

πŸ”₯ CSS Grid in 45 minutes. A video of my talk at Laracon is now live!

501127651

πŸ”₯ git add --intent-to-add will track a file without adding any of it’s contents. This is helpful if you use git add -p to review changes before adding them

7412161430

πŸ”₯ Did you know CSS has a turn unit? It’s often easier to turn something rotate(0.75turn) instead of doing the math to rotate(270deg)

3.2K8214367
← Prev 10 please

Page 21 of 44

10 More please β†’