ZenCSSPropertiesEn - zen-coding - CSS-properties and its aliases for Zen CSS plugins - Project Hosting on Google CodeCode Archive Skip to content Google About Google Privacy Terms
Zen-Codingを使いこなして、らくらくマークアップ
Zen-Codingを使いこなす Zen-Codingを利用すると、効率的にHTMLやCSSのマークアップを行えます。前回（もしも10分の1の行数でHTMLが書けたら）はZen-Codingの基本的な機能をご紹介しました。 今回は、さらにZen-Codingを使いこなすために、さまざまなコマンドや省略記法をご紹介します。サンプルはIE 8／Firefox 4／Chrome 12／Safari 5／Opera 11.5で動作確認済みです。 前回の復習 これらの機能について、簡単に復習しておきましょう。 省略形の展開（Expanded Abbreviation） 「Ctrl+E（Macの場合は Command+E）」で省略形を展開できます。 #を付けるとid名、.を付けるとclass名を付けられます。 *は繰り返し、$は連番に展開されます。 +は兄弟関係、>は親子関係、()はグループ化されて展
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ
前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation（省略コードの展開） Win：Ctrl+E mac：Command+E Zen-Codingの主な機能のひとつです。
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
