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 33 of 45
🔥 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.
🔥 A quick demo on how the new CSS rotate syntax works:
🔥 Chrome dev tools is getting a really handy shadow editor! Just landed in canary.
🔥 CSS4 :placeholder-shown selector can be used to show + hide labels without JS
Demo 👉