Emmet è un add-on per editor di codice che ti consente di scrivere HTML e CSS più rapidamente.
Sul fronte HTML, ti consente di scrivere abbreviazioni per HTML. Per esempio
table>tr*3>td*3Diventa
Quando lo "espandi". L'espansione avviene con un tasto trigger, solitamente il tasto TAB.
Questo è simile a Zen Coding, e infatti Emmet è un'evoluzione di Zen Coding. Puoi diventare piuttosto stravagante con questo e dopo un po 'inizia davvero a sembrare naturale e potente. Puoi metterti a tuo agio, perché Emmet è disponibile su una vasta gamma di editor di codice incluso proprio su CodePen.
Sul fronte CSS, Emmet offre quella che viene chiamata ricerca fuzzy, che ti consente di digitare rapidamente / liberamente proprietà e valori CSS e ci vorrà un tentativo per estenderlo a ciò che intendi. Di solito funziona abbastanza bene.
Ad esempio, w(TAB)si trasforma in width: ;con il cursore subito prima del punto e virgola. ov:h(TAB)si trasforma in overflow: hidden;Pretty rad, dovrai solo provarlo. È più intelligente che cercare di memorizzare un'abbreviazione esatta per ogni singola proprietà e valore CSS (ce ne sono troppi).