Goodbye, Zen Coding. Hello, Emmet! Advertisement Back in 2009, Sergey Chikuyonok wrote an article1 to present a new way of writing HTML and CSS code. This revolutionary plugin, called Zen Coding, has helped many developers through the years and has now reached a new level. Emmet2, previously known as Zen Coding, is the most productive and time-saving text-editor plugin you will ever see. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer. For those who prefer to watch instead of read, here is a summary of my favorite tricks. How Does It Work? Let’s face it: writing HTML code takes time, with all of those tags, attributes, quotes, braces, etc. HTML Abbreviations Initializers Getting started with a new HTML document takes less than a second now. Html:5 or ! Easily Add Classes, IDs, Text and Attributes Because Emmet’s syntax for describing elements is similar to CSS selectors, getting used to it is very easy.
Also, you can combine classes and IDs. Nesting. Best Open Source Resources for Web Developers | WebAppers. Free Logo Downloads | PSD and Vector Logo Designs | LogoInstant.com. Subtle Patterns | Free textures for your next web project. Media Militia | Awesome free resources, tutorials, and inspiration! Web Designer Wall – Design Trends and Tutorials.