CSS Nite in SENDAI, Vol.5 フォローアップ | gaspanik weblog
「CSS Nite in SENDAI, Vol.5」にご来場くださった皆様、関係者の皆様、ありがとうございました。私こもりのセッション「Zen-Codingはみんなのもの」、いかがでしたでしょうか。この場を借りて、あらためてお礼を（深々）。 本セッションで使用したスライドについては、別途実行委員会の方から公開先URLを連絡していただくことにして、セッション中で紹介したことのいくつかをこちらでフォローアップさせていただきたいと思います。 Dreamweaver CS3 でZen-Codingを使用する方法現在配布中の「Zen-Coding for Dreamweaver」はCS4対応版ということになっています。残念ながら、それをCS3にインストールしても正常に動作しません。 そこで、配布サイトのIssuesにおいて、CS3で現在のバージョンを動作させるために入れ替える「zen-editor
TextMate+Zen-Codingで超速コーディング？ | gaspanik weblog
先日の100の質問の答えにもちょっと書いたのですが、世の中には「Zen-Coding」なるものが存在しています。ちょっと前にWebデザイン関係の皆さんのTwitterでも「すげえ」とかってビデオが流れてましたけど、実はこれ相当前からあるんですよ（笑）。 Zen-CodingとはもともとTextMateとNetBeans用に書かれたプラグインのことです。HTMLとCSSのコーディング作業をより高速におこなうための機能追加をしてくれるものですね。前述の2つ以外に、AptanaやCoda、Espressoといったエディタ、最近ではDreamweaverのMXPファイルもダウンロードできるようになってます（*1）。 というわけで、今回はボクが普段使っている「TextMate」とZen-Codingの組み合わせでコーディングがどう変わるのかをご紹介しようかと。タイトルに超速とか書いてますけど、まぁど
ブログ
Webサイトを制作する際、パーツ類に使う色を決める必要があります。色の選択は、ユーザーの印象を大きく左右するため、慎重に行うことが重要です。特におすすめなのが、「ベースカラー」「アクセントカラー」「サブカラー」という3つ […]
Zen-Codingでできるあんなことこんなこと | gaspanik weblog
先日超速コーディング？としてTextMateにZen-Codingを追加したコーディング手法の概要を紹介しました。で、実はZen-Coding、前回紹介した入力方法だけではありません。 HTMLのストラクチャ的なものがわかっていれば、特定の記述をして展開すると一気にコードが書けちゃったりします（どちらかと言えば、こっちが本当のZen-Codingなんでしょう）。 ということで、今回はその特定の記述とやらの話をしてみましょう。ここまで使えるようになってくると実に速い…（はず 笑）。 文書構造がわかってれば、1行書いて一気に展開できるZen-Codingは、前回紹介したような登録された略語を使ってHTMLとCSSのコードを展開する使い方だけでなく、特定の記述を使って構造を書き上げて一気に展開することができます。TextMateを使っている方はこちらのリストにある「Zen.Coding-Text
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Downloads - zen-coding - Project Hosting on Google Code
CheatSheets - zen-coding - Cheat sheets for Zen Coding syntax and abbreviations - Project Hosting on Google Code
ZenCSSPropertiesEn - zen-coding - CSS-properties and its aliases for Zen CSS plugins - Project Hosting on Google Code
ZenHTMLElementsEn - zen-coding - HTML elements and its aliases for Zen HTML plugins - Project Hosting on Google Code
www.gnnk.net - [WordPress][zen-coding]WordPressでzen-coding
