Zen-Codingでできるあんなことこんなこと | gaspanik weblog

先日超速コーディング？としてTextMateにZen-Codingを追加したコーディング手法の概要を紹介しました。で、実はZen-Coding、前回紹介した入力方法だけではありません。 HTMLのストラクチャ的なものがわかっていれば、特定の記述をして展開すると一気にコードが書けちゃったりします（どちらかと言えば、こっちが本当のZen-Codingなんでしょう）。 ということで、今回はその特定の記述とやらの話をしてみましょう。ここまで使えるようになってくると実に速い…（はず 笑）。 文書構造がわかってれば、1行書いて一気に展開できるZen-Codingは、前回紹介したような登録された略語を使ってHTMLとCSSのコードを展開する使い方だけでなく、特定の記述を使って構造を書き上げて一気に展開することができます。TextMateを使っている方はこちらのリストにある「Zen.Coding-Text

[lotus_tribal]

これはすごい。コーディングが劇的に早くなるだろうね。使ってみたいな。

[vh5150]

愛用のエディタ用に作ってみるか

[ken_c_lo]

すごーい！たのしい！

[milkhoney]

Zen-Codingすげー

[mattn]

div#box$*3>h3+p*2 は p が2個無いから間違いじゃないかなー。

[sutanto1983]

ショートカットタブ説明

[kimura_m_29]

Zen-Codingでできるあんなことこんなこと  |  gaspanik weblog

[asagi29]

Zen-Codingでできるあんなことこんなこと  |  gaspanik weblog