AndyJarrett Code. Develop. Manage.

ZenCoding for Sublime Text 2

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

I’m here, learning and working away. If you liked this content and want to keep me going, consider buying me a coffee.
Your support keeps this site running and the coffee brewing! ☕️