Emmet (voorheen Zen Coding) is een plugin voor verschillende Text Editors waarmee developers via het typen van een korte syntax grote stukken code kan genereren.

Je zal deze syntax wel uit je hoofd moeten leren, maar daarna kan je heel efficiënt programmeren.

Invoer:

div#page>div.logo+ul#navigation>li*5>a

Resultaat:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

• HTML elementen
• HTML selectors
• CSS eigenschappen

• Emmet
• Zen Coding