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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Your post must include a link to this post.

How does this work?
Write a response on your own website and include a link to this post. Then submit your response’s URL here. Your response may appear here after moderation. To update or remove it, edit or delete your original post and submit the same URL again. Learn more about Webmentions.