Zen Coding - HTML/CSSコーディングのスピードを早くさせるエディタプラグイン

2010/08/14 01:20 Update

Zen Codingは、Aptana/EclipseやTextMate、Notepad++などのエディタプラグインで、HTML, XML, XSLなどのコーディングスピードを早くなります。

例えば、

div#page>div.logo+ul#navigation>li*5>a

を入力すれば、

以下のようなコードに展開されます。

<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>

ある程度のZen Coding文法を覚える必要があるかもしれませんが、一旦覚えてしまうと、倍以上のスピードアップも夢ではないようです。ぜひ試してみてはいかがでしょうか。

こんなイメージです。

■公式サポートするエディタ
◇　Aptana/Eclipse
◇　TextMate (Mac)
◇　Coda (Mac)
◇　Espresso (Mac)
◇　Komodo Edit/IDE
◇　Notepad++ (Windows)
◇　PSPad (Windows)
◇　<textarea> (ブラウザーベース)（ctrl+e　ショットキーで展開）
◇　editArea (ブラウザーベース)（Ctrl+,　ショットキーで展開）

■その他サポートするエディタ
◇　Dreamweaver (Windows, Mac)
◇　Sublime Text (Windows)
◇　UltraEdit (Windows)
◇　TopStyle (Windows)
◇　GEdit
◇　BBEdit/TextWrangler (Mac)
◇　Visual Studio (Windows)
◇　EmEditor (Windows)
◇　Sakura Editor (Windows)

Relative Articles

Newest Top10

我要投稿

Zen Coding - HTML/CSSコーディングのスピードを早くさせるエディタプラグイン

Sponsored Link

Comments

Relative Articles

分类

Newest Top10