zen-coding?ハイ、便利ツールです

zen-coding について書いておくか。と言う程便利なツールがありますよ。

zen-codingって知ってますかい?
zen-codingはタグ打ち派にとってかなりお役立ちアイテムなのと共に
今までソフトだけに頼ってやってきた人にとっても
タグや構成を考えながら作れる、試す価値のある良いツールなのです。

例えば、こんな感じでzen-coding用の文法で書く。

書いた部分を選択して、「Ctrl+, 」を押すと

ハイ、ドーン!

↑こんな感じで広がる。

imgだけでも 選択して、Ctrl+, を押すと

ハイ、Done!

他にも、複数行を囲んでタグを入れたい時とか
入れたいものを囲んで選択して

「Ctrl+h 」を押すと、何のタグで囲むん~?て出るので
(ここではaタグ入れてみた)
んで、ドーン!

タグで囲んでくれるお

少しでも興味を持ったなら、まま、とにかく使ってみてください。

Zen CodingのCheat Sheet(タグ)が書いてあるPDFはこちら
http://code.google.com/p/zen-coding/downloads/detail?name=ZenCodingCheatSheet.pdf

↓対応エディタとか記事とかは色々リンクをめぐって見てくだしあ。
私はDWで使っています。

公式サイト(多分)
http://code.google.com/p/zen-coding/

マークアップ効率化 – zen-codingでコーディングを倍速に
http://techblog.yahoo.co.jp/cat207/web_1/_zencoding/

コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 – Web:a piece of cake!;
http://d.hatena.ne.jp/makiko9680/20100112/1263295560

Zen-Codingでできるあんなことこんなこと
http://blog.gaspanik.com/textmate-with-zencoding-ext

デザイナーが使えるZen-coding環境
http://c-brains.jp/blog/wsg/10/06/14-101556.php

HTMLやCSSが手間なく書けるZen Coding 連載
http://web-tan.forum.impressrd.jp/e/2011/01/11/9397

HTML CSSコーディングが10倍速くなるZen Coding

新品価格
¥2,310から
(2011/1/16 00:17時点)