Sublime Text and Emmet – Speed up HTML Development

Emmet (formally known as ZenCoding) helps speed up HTML development by allowing us to expand abbreviations into full blown HTML code.

For example, the following:


#big-box>.jumbotron>h1

will evaluate to:


<div id="big-box">
    <div class="jumbotron">
        <h1></h1>
    </div>
</div>

Further Reading: An Interactive Guide to Emmet

Links:

Chris Sevilleja

Co-founder of Scotch.io. Slapping the keyboard until something good happens.