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

πŸ”₯ Handy: use ES6 destructuring to get and rename values on an event or window object

1354140

πŸ”₯ CSS case insensitive attribute selectors are coming! Part of Selectors Level 4.

1314940

πŸ”₯ Another great use case for Flexbox is when you want a label to span "the rest" of the width beside an input without knowing widths

1825530

πŸ”₯ Flexbox tip: In most cases, margin: auto; on flex-items does the same thing as justify-content: center; align-items: center;

463199220

πŸ”₯ JavaScript Completions for Sublime Text has had some major upgrades including inline docs.

20069120

πŸ”₯ Another new DOM Api is .scrollIntoView() to smooth scroll to a place on your page

1506180

πŸ”₯ Some new DOM apis: .closest() and .matches()

14753120

πŸ”₯ CSS is getting character units β€” ch β€” which is the width of a 0. Allows for perfect element + text scaling.

πŸ‘‰

680367222

πŸ”₯ Template literals in ES6 are great for quickly creating HTML without a templating library

1054490

πŸ”₯ Emmet Tip: Use lorem$ to generate $ words of lorem ipsum in your tag expansions.

985030