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>
となります。
ほかにも色々ありますので、興味があれば
調べてみてください。
■参考サイト