[B! Zen coding] fugashiのブックマーク

HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1 | HTML+CSSコーディングが10倍速くなるZen Coding

fugashi 2011/01/14

リンク

UStreamで生Zen-Codingやってみましょうか | gaspanik weblog

ちょっと前に書いたZen-CodingネタをH2O Spaceのたにぐちさんに取り上げていただいてからというもの、関連するエントリーへのアクセスがにぎやかです（謎）。そんなこともあり、数日前の夜中に遊び半分で「Zen-Codingってこんな感じ」ってのをお見せしようと、Twitterで告知しながらUStreamでダラダラとやってました。終わってから何名かの方に「見たかった！」というレスをいただいたのですが、ただやみくもにというか、適当に思いつくままキーボードをカチャカチャやってると、やってる本人も「何がいいかな？どうしようかな？」みたいな脳みそになっちゃいます。もちろん、見ている側も何してるか想像できないですからね…（笑）。ということで…。ならば、簡単なサンプルを作ってそれをやってみようじゃないか簡単ですがサンプルを用意してみました。ただブロックが組み合わさっただけだと面白くもないの

fugashi 2010/02/22

リンク

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

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

fugashi 2010/02/22

リンク

ZenHTMLSelectorsEn - zen-coding - Selectors and aliases for Zen HTML plugins - Project Hosting on Google Code

Code Archive Skip to content Google About Google Privacy Terms

fugashi 2010/02/22

リンク

zen codingは超便利！Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-

先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ！とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ！知らなかった！無知って怖い！＞＜ Dreamweaver用はこちらからダウンロードできます。ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。これだけでOK。インストールが終わったら、早速何か入力してみましょう。すごい！感動！展開はcontrolキーと,(カンマ)キ