Monday, 2 July 2012

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



Zen Coding เป็น Abbreviation Engine เหมาะสำหรับคนที่ชอบเขียน HTML หรือ XML ด้วยตนเอง Zen Coding จะช่วยให้เราสามารถเขียน HTML, XML และ XSL ได้สะดวกและรวดเร็วขึ้น วิธีการใช้งานก็เพียงแค่พิมพ์ code แบบย่อในรูปแบบของ CSS Selector จากนั้น Zend Coding Engine จะทำการขยายสิ่งที่เราพิมพ์ ให้เป็น HTML หรือ XML ที่เต็มรูปแบบ ซึ่งสามารถช่วยลดเวลาการพิมพ์ไปได้อย่างมาก ยกตัวอย่างเช่น ถ้าหากเราพิมพ์ code ดังต่อไปนี้

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

Zend Coding Engine ก็จะขยายสิ่งที่เราพิมพ์ ให้ออกมาเป็น 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> 

Zend Coding เป็น Open Source Project ปัจจุบัน มี Editor หลายตัวที่นำ Zend Coding ไปใช้งาน ยกตัวอย่างเช่น Notepad++, Edit Plus, Sublime Text 2, PSPad, Dreamweaver, Visual Studio, UltraEdit เป็นต้น สำหรับใครที่ต้องการศึกษาเพิ่มเติมเกี่ยวกับ Zend Coding Engine สามารถ click เข้าไปที่นี่ครับ http://code.google.com/p/zen-coding/

แหล่งที่มา: http://code.google.com/p/zen-coding/

No comments:

Post a Comment