This is my old home .. find me now at andyj.github.io

ZenCoding for Sublime Text 2
Posted:

The power from Sublime Text 2 comes from its shortcuts and packages such as ZenCoding

Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions--similar to CSS selectors--into HTML code.

From Sublime's package installer (?+shift+p) go to Package Control: Install Package and search for ZenCoding. Once installed you can fire it by pressing CTRL+ALT+Enter which will open up a command line at the bottom of the editor. You can then enter some abbreviated HTML such as div#page>div.logo+ul#navigation>li*5>a which would generate the following for you:

Check out the ZenCodingCheatSheet.pdf to see what else you can do as well. It's also available for other programs such as Textmate, Coda, and even Dreamweaver - to see if your IDE is supported view the downloads list

comments powered by Disqus
© AndyJarrett 2013 | RSS Feed