[B! Zen-Coding] poohsakuのブックマーク

Bridge Word

This shop will be powered by Are you the store owner? Log in here

poohsaku 2011/03/29

リンク

HTMLを一気に書き上げよう | Zen Coding 3-5 | HTML+CSSコーディングが10倍速くなるZen Coding

Zen Codingの構文を組み合わせよう3-3ではよく使うHTMLタグの省略形を紹介し、続いて3-4では、HTMLをより効率的に入力するために、Zen Codingの構文の書式を紹介しました。ここまで紹介した書式を組み合わせれば、次のようなHTMLを、「Zen Codingの記述」のように記述して、展開・生成することができます。まず短めのコードから始めて、できるだけ一気に書けるように、記述のしかたを考えてみましょう。 <body> <div id="header"> <h1 id="site-id"></h1> <p class="site-copy"></p> </div> <ul id="nav"> <li class="list-it ems"></li> <li class="list-it ems"></li> <li class="list-it ems"></li> <li