ちまたで話題のZen-Codingを導入してみた。

これ、はんぱないです。

Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。
独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。

引用：知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた

Zen-Coding記法を用いて入力、ZEN!すると…

こんなのが、↓

(#blog.sideBox>(h2+p+(ul>li+li+li)+p))+(#advice.sideBox>(h2+p(ul>li+li+li)+p.moreList))+(#jobDic.sideBox>(h2+p+p.moreList))+(#qa.sideBox>(h2+p+p.moreList))+(#wordDic.sideBox>(h2+p+p.moreList))

こうなります。↓

<div id="blog">
  <h2></h2>
  <p></p>
  <ul>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <p></p>
</div>
<div id="advice">
  <h2></h2>
  <p></p>
  <ul>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <p></p>
</div>
<div id="jobDic">
  <h2></h2>
  <p></p>
  <p></p>
</div>
<div id="qa">
  <h2></h2>
  <p></p>
  <p></p>
</div>
<div id="wordDic">
  <h2></h2>
  <p></p>
  <p></p>
</div>

詳しくは以下を参考に

• 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた
• Zen-Codingで楽々コーディング! + コツ1つ
• Zen-Codingでできるあんなことこんなこと