Emmet (software)
| Emmet | |
|---|---|
| Basic data
|
|
| developer | Sergey Chikuyonok |
| Publishing year | 2009 |
| Current version | 1.1 (December 23, 2013) |
| programming language | JavaScript |
| License | MIT license |
| http://emmet.io | |
Emmet is an open source plug-in for various text editors for the quick creation of XML , HTML and CSS code.
Commands for Emmet are written in their own short form and executed directly in the file, for example by pressing the tab key . The plug-in immediately converts the abbreviations in the text editor into normal code that can be saved and used as usual. Emmet used to be known as Zen Coding .
HTML examples
Simple example
Emmet statement:
html>head+body
HTML output:
<html>
<head></head>
<body>
</body>
</html>
More complex example
Emmet:
ul.gallery>(li>a[href="img/$$$.jpg"]{Bild $$$})*3
HTML:
<ul class="gallery">
<li><a href="img/001.jpg">Bild 001</a></li>
<li><a href="img/002.jpg">Bild 002</a></li>
<li><a href="img/003.jpg">Bild 003</a></li>
</ul>
CSS examples
Emmet statement:
pos.a
CSS output:
position:absolute;
Emmet:
ff:a
CSS:
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
Extensions
The plugin can be extended and adapted using JS and JSON files.
Web links
- Official website (English)
- Emmet on GitHub (English)
- Emmet Quick Reference (English)
Individual evidence
- ↑ Emmet on GitHub: emmet / README.md at master emmetio / emmet GitHub (English) Retrieved on July 23, 2014
- ↑ Smashing Magazine: Goodbye, Zen Coding. Hello, Emmet! (English) Retrieved July 23, 2014
- ↑ Emmet: Customization (English) Retrieved July 23, 2014