Emmet je doplněk pro editory kódu, který vám umožní rychleji psát HTML a CSS.
Na přední straně HTML vám umožňuje psát zkratky pro HTML. Například
table>tr*3>td*3Mění se na
Když to „rozbalíte“. K rozbalení dojde pomocí spouštěcího klíče, obvykle klávesy TAB.
Je to podobné jako u Zen Codingu a ve skutečnosti je Emmet vývojem Zen Codingu. S tím si můžete udělat docela fantazii a po chvíli se to začne cítit přirozeně a silně. Můžete se s tím pohodlně setkat, protože Emmet je k dispozici v tak velkém množství editorů kódu, včetně přímo na CodePen.
Na přední straně CSS nabízí Emmet takzvané Fuzzy Search, které vám umožňuje rychle a volně psát vlastnosti a hodnoty CSS a bude to při jeho rozšiřování do toho, co máte na mysli, zabrat. Obvykle to funguje docela dobře.
Například se w(TAB)změní width: ;na kurzor těsně před středníkem. ov:h(TAB)se promění v overflow: hidden;Pretty rad, stačí to vyzkoušet. Je to chytřejší, než se snažit zapamatovat si přesnou zkratku pro každou vlastnost a hodnotu CSS (je jich příliš mnoho).