Emmet – An Essential Toolkit For Web Developers for improving HTML & CSS Workflow

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow. It is an essential toolkit for Web Developers. You may have heard Zen Coding before. It has now changed to Emmet. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer.
Emmet is an editor plugin and it is supported by lots of editors and IDEs available like Sublime Text, Notepad++, NetBeans,  Aptana, Coda, TextMate, Komodo Edit, Brackets, PSPad and many more.

Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimized for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too.


Major Features

  • HTML and CSS abbreviations
  • Implicit tag names
  • ‘Lorem Ipsum’ Generator
  • Matching Tag Pair
  • Wrap with abbreviations
  • Split/join tag
  • Remove tag
  • Toggle comment
  • Merge lines
  • Increment/Decrement number
  • Evaluate Math Expression
  • Update Image size
  • Reflect CSS value
  • Filters
  • Customization

Homepage : Emmet Home page
Download : Download Emmet
Blog : Official Blog

3 thoughts on “Emmet – An Essential Toolkit For Web Developers for improving HTML & CSS Workflow

  1. I have never listen about Emmet before but you describe it very well here. I am just thinking to recommend this post to my developer team so they earn some knowledge from this and try to implement this plugin in our websites. Thanks for sharing this stuff!!

Leave a Reply

Your email address will not be published. Required fields are marked *