JavaScript Developer Toolkit - Emmet
This is a second article about JavaScript developer's toolkit and today we're going to talk about Emmet . If you've missed the first article about the useful tools for JavaScript developers, have a look at it here . What is Emmet? Essentially it gives you shortcuts you can type that expand into full HTML or CSS. Like nav>a*5 will expand into a <nav> tag with eight links inside it with empty hrefs . <nav> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> </nav> Or, try div.module*2>p*2>lorem and press tab . Firstly it will convert div.module*2 into two < div> elements and associate them with a module css class. After that it will look at >p*2 and create two <p> elements. In the end >lorem will fill the paragraphs with famous lorem ipsum text. Take a look at the prod