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.

Emmet


Comments

Join the discussion!

Trending Stories Right Now