Art of zen-coding

by Herbert 20. November 2009 10:47

Now you can write HTML and CSS lightning-fast!

Zen coding is a new, shorter way of writing HTML/CSS. It's basically a collection of snippets that you use through writing simple syntaxes.

Here's an example for HTML :

 

ul#name>li.item*3

 

provides

<ul id="name">
<li class="item"></li> <li class="item"></li> <li class="item"></li> </ul>

and similary for CSS:

 

bdrz:w

 

provides

 

-webkit-border-radius:; 

 

These are just two simple examples, visit http://mondaybynoon.com/2009/08/17/the-art-of-zen-coding-bringing-snippets-to-a-new-level/ for more information.

I should mention that this is a plugin for your IDE. Currently it supports NetBeans, Coda, Texmate and Aptana. There is no official release for Visual Studio but Einar Egilsson has written his own for Visual Studio. You can find it here: http://tech.einaregilsson.com/2009/11/12/zen-coding-visual-studio-addin/

Happy front-end coding!!

Tags: , ,

Development | Front end | General

blog comments powered by Disqus

Creative Commons License
This work is licensed under a Creative Commons Attribution-Share Alike 2.5 Sweden License.


Welcome to the Dropit blog!

Here we, the people that work at Dropit, will write about stuff that interests us. For example web development, especially with .NET and EPiServer - but we'll also talk about other techniques that interest us, marketing on the web, social phenomenons, pop culture, games and software development in general.