by Cedric Dugas on November 24, 2009
Basically it enables you to create HTML from CSS snippet. It might not sound powerful at first, but when you start playing with, some wonderful things happen in your head (with no drugs). Let’s look at a simple example, let’s say you want a header with an id and a class followed by a list element. Here what you would do with zen:
You do Apple-E (CTRL-E in win) and you get:
<div id="header" class="home"> <ul> <li></li> <li></li> <li></li> </ul> </div>
There is much more about Zen, but this is the basic idea. Personally it replaced my basic HTML and CSS bundle. Now if you are on Windows, you are a bit out of luck, beside some IDE Zen is not available, however there is a Textmate bundle for it. Introducing you to E Text-editor, a port from Textmate on Windows. E is a pretty amazing text editor, and if you know nothing about bundle and textmate, I would suggest do a bit of research with Google. You can also get a free trial on the website.
A small problem with Zen, there is “illegal” characters in the HTML bundle, something Windows really doesn’t like. I however successfully extracted the bundle with 7zip, it’s not going to work with you basic winrar or winzip.
Cool, you got all your bundles now, you could put them in the bundle E folder, but this is not recommended, as reinstalling E will cause an erase of your bundles, it is better to put them in the application directory, usually something like “C:\Documents and Settings\[username]\Application Data\e”
Last thing! One problem you might get is that there is no self closing XHTML “/” with your tag, this is a variable you need to put in your settings -> Environnment : TM_XHTML /
Have fun and be Zen!