Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow: <!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> | </body> </html> @@@ tooltip: Type CSS-like abbreviation type: ul#nav>li.item$*4>a{Item $} wait: 1000 tooltip: Run “Expand Abbreviation” action to expand it into HTML wait: 600 run: emmet.expand_abbreviation wait: 1000 tooltip: Trav
![Emmet — the essential toolkit for web-developers](https://cdn-ak-scissors.b.st-hatena.com/image/square/91c8a0baea71fd74494d4b30c9421b1eb8c87e3e/height=288;version=1;width=512/http%3A%2F%2Femmet.io%2Fi%2Flogo-large.png)