HTMLやCSSを楽に書きたくありませんかはてなマーク


Zen-Codingを利用すると、省略した形式から


HTMLやCSSとして、展開して自動生成してくれます。



使い方も簡単で、ショートカット+スニペットで


簡略化したコードを、展開してくれます。


Zen-Codingは、


 ・Aptana/Eclipse
 ・TextMate
 ・Coda
 ・Notepad++
 ・Dreamweaver
 ・Visual Studio
 ・EmEditor
 ・Sakura Editor
 ・NetBeans
 ・Chrome Extension


で利用できます。


Zen-Codingは大きく分けて、


 ・省略形の展開

  (Expanded Abbreviation)


 ・囲んでからの展開

  (Wrap with Abbreviation)


の2つの使い方があります。



使い方は簡単で、サンプルは下記の通りです。


html:5


と入力し、Zen-Codingによって展開すると


<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

</body>
</html>

となります。


ほかにも色々ありますので、興味があれば


調べてみてください。



■参考サイト

Zen-Codingで高速HTML&CSSコーディング