Zen CodingはHTMLやCSSのコーディングを効率化するツールで、略語を使って複雑なマークアップを簡単に展開できます。

記事の内容 3.5分 今回のお題は、 ボタンが立体的に並んだナビゲーションバーだ （サンプル1 ⁠） ⁠。 マウスポインタを重ねると、 ボタンが飛び出す。 「⁠ Navigation Bar by Jan Kaděra」 のデザインとアニメーションをもとに、 わかりやすく組み立て直した。