The Zen of Coding HTML

A new SitePoint article, How to Code Like a Zen Master, gives a quick run-though of a new IDE plug-in, Zen Coding, that lets developers type CSS-like code, click a button, and get beautiful HTML…

Give a quick read through the SitePoint article, its actually beautifully short (because that’s all it takes). I’ve already downloaded the version for my preferred IDE, Notepad++, and it worked exactly as SitePoint said it would (not surprised, I’m just saying…).

I typed:
div#page>p.top+ul#nav>li*5>a
clicked a button, and got this:

<div id="page">
<p></p>
<ul id="nav">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>

Honestly, not sure how often you need to type a lot of fresh HTML, and whether you would bother learning the Zen Coding syntax to do so, but the above sample it certainly did save a lot of time!

Happy coding,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *