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

πŸ”₯ CSS Grid doesn’t do masonry/pinterest layout, but if you pre-define a few consistent sizes, grid-auto-flow: dense; works really well!

21934110

πŸ”₯ In Emmet, you can use $@15 to start numbering from any number.

809214167

πŸ”₯ Multiple caret trick in VS Code/Sublime/Atom. Did this neat trick in my React course that everyone asks about - enjoy!

1K2413415

πŸ”₯CSS Variables and CSS grid have the same browser support so you can use vars to define row/col/gap and update with JS

3867630

πŸ”₯ ResizeObserver is coming to browsers, which means we can have resize events on a per-element basis. (Element queries anyone?!)

986350211

πŸ”₯ Async functions can chain a .catch() to catch any errors without a try/catch

1.3K4192819

πŸ”₯ The new IntersectionObserver browser API will allow us to easily detect when elements on fully or partially on screen.

47612690

πŸ”₯ Node 8.6.0 brings support for Object Spread! Goodbye Object.assign()

1.5K636371

πŸ”₯ On a website with an obnoxious and slow slideslow animation? Make it instant by running $.fx.off = true; in your console

1132040

πŸ”₯ VS @code has a built in diffing tool you can run from the command line with --diff

1.2K426291