Improving Your Html5 Workflow Using Emmet

Improving Your Html5 Workflow Using Emmet

What's Emmet?

Emmet from a developer's perspective is an open source, development plugin for text editors, which is used in a workspace to decode and expand abbreviations (which can be referred to as code snippets) written, in an order of a given syntax with respect to HTML, XML, XSL and other structured code formats. Emmet is available in various text editor software but it doesn't depend on software because it is text-based.

For this article, I have constructed a list of some useful Emmet abbreviations syntax, as shown below

cheat-sheet.jpg

From the above list, I believe creating HTML5 markups will be a whole lot easier from your favorite text editor.

NOTE: To learn more about how to get Emmet on your text editor, visit here.


© 2021 arinze