# 129: Emmet (er kjempebra) - CSS-triks

Anonim

Emmet er et tillegg for kodeditorer som lar deg skrive HTML og CSS raskere.

På HTML-fronten lar den deg skrive forkortelser for HTML. For eksempel

table>tr*3>td*3

Blir til

 

Når du "utvider" den. Utvidelse skjer med en utløsernøkkel, vanligvis TAB-tasten.

Dette ligner på Zen Coding, og faktisk er Emmet en evolusjon av Zen Coding. Du kan bli ganske fancy med dette, og det begynner å føles naturlig og kraftig etter hvert. Du kan bli komfortabel med det, fordi Emmet er tilgjengelig på et så stort utvalg av kodeditorer, inkludert rett på CodePen.

På CSS-fronten tilbyr Emmet det som kalles Fuzzy Search, som lar deg raskt / løst skrive CSS-egenskaper og verdier, og det vil ta en stikk å utvide det til det du mener. Det fungerer vanligvis ganske bra.

For eksempel w(TAB)blir til width: ;med markøren rett før semikolonet. ov:h(TAB)blir til overflow: hidden;ganske rad, du må bare prøve. Det er smartere enn å prøve å huske en nøyaktig forkortelse for hver enkelt CSS-eiendom og verdi (det er bare for mange).