Emmet Expands CSS-Like Abbreviations Into Full Code

Emmet Expands CSS-Like Abbreviations Into Full Code

Modern text editors allow you to use pre-defined snippets of code to improve your workflow. Emmet is a plugin for text and code editors that lets you quickly type CSS-like abbreviations and automatically expand them into a full block of code, saving you a lot of time and hassle.

Emmet isn’t new, but it is little-known. It works with 15 popular text editors, including some of our favourites. It improves HTML/XML and CSS workflow by streamlining the use of snippets. Instead of defining the snippet and saving it before hand, you can write CSS-like code and parse it into the full code with Emmet.

There are some other handy features too, such as toggling a comment on and off, and keyboard shortcuts to quickly select different items without dragging to highlight. The video above from GinhoFresh shows us exactly how it works. Emmet is free and open-source. Hit the link below to see everything it has to offer.


The Cheapest NBN 50 Plans

Here are the cheapest plans available for Australia’s most popular NBN speed tier.

At Lifehacker, we independently select and write about stuff we love and think you'll like too. We have affiliate and advertising partnerships, which means we may collect a share of sales or other compensation from the links on this page. BTW – prices are accurate and items in stock at the time of posting.


One response to “Emmet Expands CSS-Like Abbreviations Into Full Code”

Leave a Reply