翻訳： Smashing Magazine
中文： Zenコーディング：HTML/CSSコードをすばやく記述する方法
著作権を尊重してください。転載時にソースを示してください！
この記事では、CSSセレクターを模倣する構文を使用してHTMLとCSSを迅速に開発する新しい方法を示します。セルゲイ・チクヨノクによって開発されました。 HTMLコード（すべてのタグ、属性、参照、ブレースなどを含む）の作成にどれくらいの時間に費やしますか？エディターにコードプロンプトがある場合、それを書くと簡単になりますが、それでも多くのコードを手動で入力する必要があります。
JavaScriptでは、ページで特定の要素を取得したい場合、同じ問題に遭遇し、多くのコードを作成する必要があります。これにより、維持と再利用が困難になります。 JavaScriptフレームワークが出現し、CSSセレクターエンジンも導入しました。これで、シンプルなCSS式を使用してDOM要素を取得できます。これはかなりクールです。
しかし、CSSのセレクターを使用して要素をレイアウトして見つけただけでなく、コードを生成できる場合はどうでしょうか？たとえば、これを書く場合：
div＃content> H1+p
＆hellip;それから、あなたは次のような出力を見ることができます：
<div id = "content">
<h1> </h1>
<p> </p>
</div>