Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save tranquangchau/3d7211605c6f0ac16560 to your computer and use it in GitHub Desktop.
Save tranquangchau/3d7211605c6f0ac16560 to your computer and use it in GitHub Desktop.
http://www.smashingmagazine.com/2009/11/zen-coding-a-new-way-to-write-html-code/
https://github.com/lorenzos/ZenCodingNetBeansPlugin#readme Plugin for Netbean
https://github.com/tranquangchau/ZenCodingNetBeansPlugin
https://vimeo.com/7405114
Zen Coding, a set of tools for high-speed HTML and CSS coding.
Here is a list of supported properties and operators:
E
Element name (div, p);
E#id
Element with identifier (div#content, p#intro, span#error);
E.class
Element with classes (div.header, p.error.critial). You can combine classes and IDs, too: div#content.column.width;
E>N
Child element (div>p, div#footer>p>span);
E+N
Sibling element (h1+p, div#header+div#content+div#footer);
E*N
Element multiplication (ul#nav>li*5>a);
E$*N
Item numbering (ul#nav>li.item-$*5);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment