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 32 of 44
🔥 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 👉
🔥 Use Goto Symbol in Sublime Text — ⌘R — and @media to quickly jump to the media query you are looking for.
🔥 jQuery's .one() in vanilla JS: Set once boolean in addEventListener() to unbind after the first event.
🔥 let, const and var scoping 101