Day 23: Zen Coding (30 Days to Learn HTML & CSS)

► Browse WordPress Themes and Plugins:

Zen is a popular way to quickly develop markup. You can grab it here.
Update– It appears that the Zen installation procedure for Sublime Text 2 has actually altered a bit in recent months. Refer here for guidelines:

This becomes part of the Envato Tuts+ one month to Discover & CSS:

Note: this was published in 2012. A lot of the tools and practices have actually altered and improved since recording, however the core concepts are still appropriate.

For more terrific website design courses and tutorials go to:

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+.
Discover complimentary how-to tutorials and online courses. Style a logo design, develop a website, develop an app, or discover a new ability:.

Envato Components.
All the creative assets you need under one membership. Tailor your task by including special pictures, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Components:.

► Subscribe to Envato Tuts+ on YouTube:.
► Follow Envato Tuts+ on Twitter:.
► Follow Envato Tuts+ on Facebook:.
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – -.

CSS Best Sellers


You May Also Like

About the Author: csstutorial

23 Comments

  1. @lcrdsg you can download trial from adobe site,then you can buy it and use serial without reinstalling

  2. Can you put up a link and instructions to get Zen coding to work for ST2? Im running windows 7 64. None of the tutorials out there make sense.

  3. Hi, if you have time I’d like a little help. I’m running ST2 on Snow Leopard and there is no “Zen Coding” in the package install list (tools

  4. Oh, to be specific I’m running Sublime Text 2.0.1. Do I have to wait until they do an update for Zen Coding to be available? Thanks!

  5. I installed the Package Control.sublime-package file in the Installed Packages folder, I then used Package Control to install Emmet, Emmet Css Snippets and emmet-sublime master Folders into the Packages Folder….all of this seems to have had no effect…any help or advice would be appreciated.

    1. never mind lol…I was testing it out the wrong way…once I hit control+alt+enter the abbreviation box popped up and it all worked from there

  6. @2:26 the sign shown is the “greater than” one. That’s why the text editor creates

    as the parent; it’s greater than the

    therefore, in this context, it contains it.

  7. Does anyone know if it’s possible to edit the skeleton that html:5+Tab generates? it’s missing the rel link to the stylesheet

Leave a Reply

Your email address will not be published.