タグ

Zen-Codingに関するtekgraphixxのブックマーク (1)

  • Zen-Codingを使いこなして、らくらくマークアップ

    Zen-Codingを使いこなす Zen-Codingを利用すると、効率的にHTMLCSSのマークアップを行えます。前回(もしも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を使いこなして、らくらくマークアップ
  • 1