Zen-Codingで楽々コーディング! + コツ1つ

話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)

[sukebeeee]

zenを体になじませる！

[soratomo]

カッコで階層

[take-it]

これはZen-Cordingのメリットがわかりやすい。

[morphoxx]

Zen-Coding

[sea_mountain]

入れ子するときの方法など Ctrl + y + , で起動。いつも忘れる…

[junichi_ito]

zen

[gamenou]

Zen codingの書き方

[barlog]

Zen-Codingで楽々コーディング! + コツ1つ // word is BOND wu :)

[version510]

Zen-Codingの紹介とTips

[dyamashiro]

　おおっなるへそ

[wasabi_ts]

コーディング

[o_hiroyuki]

zen-codingチュートリアル

[ethertank]

変換前の文をメッセとかでそのまま渡したりも出来るんかな。

[yasu_boy]

そんなに便利なの？　後でやる

[kaonashi]

Zen-Coding

[photoandart]

長門の画像がいい味出していますね（笑）

[serizawawawa]

覚えることは少なからずあるが、便利そう。はてな記法 (wiki記法) が好きな俺には合うかも。

[microgravity]

　ちょうどつまづいてたんで助かります。「ZEN!する」←これ流行りそう

[Layzie]

ここ1週間位でzen-codingがアツくなってるな

[kagioo2uma]

神っぽい

[caraldo_k]

"そのうち配布するものがこれ1行だけになったら楽だなぁ... でもやだな！"これは有り得る

[vanish_l2]

マニュアル的につかえそう

[inkdesign]

すごいわかりやすい。 Zen-Codingで楽々コーディング! + コツ1つ

[mattn]

()が使えるのかー。

[sw_lucchini]

zen-codingの詳しい使い方

[sugawaramasaya]

“(#header>h1)+(#content>(#main>h2+div#entry$.section*5>(h3>a)+div>p*3+ul+)+(#utilities))+(#footer>address)” ←かこいい。