Emmet is een add-on voor code-editors waarmee u sneller HTML en CSS kunt schrijven.
Aan de voorkant van HTML kunt u afkortingen voor HTML schrijven. Bijvoorbeeld
table>tr*3>td*3Verandert in
Wanneer je het "uitbreidt". Uitbreiden gebeurt met een triggertoets, meestal de TAB-toets.
Dit is vergelijkbaar met Zen Coding, en in feite is Emmet een evolutie van Zen Coding. Je kunt hier behoorlijk wat aan doen en het begint na een tijdje echt natuurlijk en krachtig aan te voelen. U kunt ermee vertrouwd raken, omdat Emmet beschikbaar is op zo'n enorm scala aan code-editors, inclusief rechtstreeks op CodePen.
Op het gebied van CSS biedt Emmet wat Fuzzy Search wordt genoemd, waarmee je snel / losjes CSS-eigenschappen en -waarden kunt typen en het zal een poging zijn om het uit te breiden tot wat je bedoelt. Het werkt meestal redelijk goed.
Verandert bijvoorbeeld w(TAB)in width: ;met de cursor vlak voor de puntkomma. ov:h(TAB)verandert in overflow: hidden;Pretty rad, je moet het gewoon proberen. Het is slimmer dan proberen een exacte afkorting te onthouden voor elke afzonderlijke CSS-eigenschap en waarde (er zijn er gewoon te veel).