Saturday, March 9, 2013

Zen Coding (Plugins)

Plugins are available for Visual Studio, Notepad++ etc..

To use with Sublime Text - https://github.com/sergeche/emmet-sublime
(Github link has instructions on how to install and use it)


From http://en.wikipedia.org/wiki/Zen_Coding:

Zen Coding uses a specific syntax in order to expand small snippets of code, similar to CSS selectors, into full-fledged HTML code.[2] For example, the sequence
div#page>div.logo+ul#navigation>li*5>a
expands into
<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <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>
Intro by author - http://coding.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/

EDIT (Mar 31 2013) -
Zen Coding is now Emmet - emmet.io
Documentation links -
http://docs.emmet.io/
Abbreviations Syntax - http://docs.emmet.io/abbreviations/syntax/
Actions - http://docs.emmet.io/actions/
Cheat Sheet - http://docs.emmet.io/cheat-sheet/

No comments:

Post a Comment

Followers

Blog Archive