Sublime Text and Emmet – Speed Up HTML Development

Chris Sevilleja

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

155 posts

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