🔥 There are 446 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.

🔥 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

🔥 A quick demo on how the new CSS rotate syntax works:

1224660

🔥 Chrome dev tools is getting a really handy shadow editor! Just landed in canary.

24711700

🔥 CSS4 :placeholder-shown selector can be used to show + hide labels without JS

Demo 👉

593259150