# 129: Emmet (je úžasný) - Triky CSS

Anonim

Emmet je doplnok pre editory kódu, ktorý umožňuje rýchlejšie písanie HTML a CSS.

Na prednej strane HTML vám umožňuje písať skratky pre HTML. Napríklad

table>tr*3>td*3

Mení sa v

 

Keď to „rozšírite“. K rozbaleniu dôjde pomocou spúšťacieho kľúča, zvyčajne klávesu TAB.

Je to podobné ako pri Zen Codingu a Emmet je v skutočnosti vývojom Zen Codingu. Týmto si môžete vytvoriť celkom peknú predstavu a naozaj to po chvíli začne pôsobiť prirodzene a silno. Môžete sa s tým uspokojiť, pretože Emmet je k dispozícii v tak veľkom množstve editorov kódov, napríklad priamo v CodePen.

Na prednej strane CSS ponúka Emmet takzvané Fuzzy Search, ktoré vám umožňuje rýchlo a voľne napísať vlastnosti a hodnoty CSS a pri jeho rozširovaní do toho, čo máte na mysli, bude to trvať. Spravidla to funguje celkom dobre.

Napríklad sa w(TAB)zmení na width: ;kurzor priamo pred bodkočiarkou. ov:h(TAB)sa zmení na overflow: hidden;pekný rad, musíte to jednoducho vyskúšať. Je to inteligentnejšie, ako sa snažiť zapamätať si presnú skratku pre každú jednu vlastnosť a hodnotu CSS (je ich príliš veľa).