Emmet

Avatar of Chris Coyier
Chris Coyier on (Updated on )

The next generation of Zen Coding. Essentially it gives you shortcuts you can type that expand into full HTML or CSS. Like nav>a*8 will expand into a <nav> tag with eight links inside it with empty hrefs. Or, try div.module*4>p*2>lorem and press tab. There are also a bunch of editor navigation shortcuts like “move to the next edit point.”

Direct Link →