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.
Page 34 of 46
π₯ Handy: use ES6 destructuring to get and rename values on an event or window object
π₯ CSS case insensitive attribute selectors are coming! Part of Selectors Level 4.
π₯ 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
π₯ Flexbox tip: In most cases, margin: auto; on flex-items does the same thing as justify-content: center; align-items: center;
margin: auto;
justify-content: center; align-items: center;
π₯ JavaScript Completions for Sublime Text has had some major upgrades including inline docs.
π₯ Another new DOM Api is .scrollIntoView() to smooth scroll to a place on your page
π₯ Some new DOM apis: .closest() and .matches()
π₯ CSS is getting character units β ch β which is the width of a 0. Allows for perfect element + text scaling.
0
π
π₯ Template literals in ES6 are great for quickly creating HTML without a templating library
π₯ Emmet Tip: Use lorem$ to generate $ words of lorem ipsum in your tag expansions.
Hacking Cheap Smart Photo Frames into a Family Dashboard