Zen Coding

Zen Coding — a new way of writing HTML and CSS code

การใช้งานเป็นประมาณว่า เขียนคำสั่งย่อ แล้วกดปุ่ม shortcut เพื่อให้โปรแกรมทำการเขียน HTML/CSS code ฉบับเต็ม ๆ ให้ เช่น

เขียนชุดคำสั่งย่อติดกันแบบนี้

 div#page>div.logo+ul#navigation>li*5>a

แล้วสั่งให้ zen coding ทำงานผ่าน shortcut เราจะได้ code เต็ม ๆ เป็น

 <div id="page">
    <div class="logo"></div>
    <ul id="navigation">
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
    </ul>
 </div>

โชคดีว่าโปรแกรมที่ผมใช้ทำเว็บอยู่นี้มี zen coding มาให้ในตัวเลย

แต่ทั้งนี้ทั้งนั้นคนคิดนี่.. สุดยอดจริง ๆ :)