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/

Top 10 Programming Fonts

สำหรับใครที่กำลังมองหา Font ที่ดูแล้วสบายตา เหมาะสำหรับการเขียนโปรแกรม ลองอ่าน Review ได้ที่บทความนี้ครับ มีชื่อว่า Top 10 Programming Fonts จากเว็บ HiveLogic มีตัวอย่างลักษณะหน้าตาของแต่ละ Font ให้ดูเป็นตัวอย่าง นอกจากนั้นบาง Font ก็ยังมี Link ให้ Download ไปใช้งานอีกด้วย ส่วนตัวผมชอบ Font ที่ชื่อว่า DroidSans กับ Iconsolata ถ้าชอบแบบไหน ยังไง ก็เลือกดูกันเอาเองแล้วกันครับ

ตัวอย่างหน้าตาของ Font ที่มีชื่อว่า Andale Mono

แหล่งที่มา: http://hivelogic.com/articles/top-10-programming-fonts/

WebPlus X6

ถ้าพูดถึง HTML Editor หลายๆคนคงนึกถึงแต่ Adobe Dreamweaver วันนี้เจอข้อมูลใน Internet พูดถึง Editor ที่ชื่อว่า WebPlus X6 พัฒนาโดยบริษัทที่มีชื่อว่า Serif จะว่าไปแล้ว บริษัทนี้ก็คล้ายๆกับ Adobe มีการพัฒนา Product หลายๆอย่างคล้ายกัน คือมีทั้ง HTML Editor, Photo Editor , Movie Editor เพียงแต่เป็นบริษัทขนาดเล็กกว่า ผมลองเข้าไปดู Feature แล้วน่าสนใจดี ก็เลยอยากจะเอามาแนะนำไว้ให้ดู ยังไงลองดูข้อมูลเพิ่มเติมได้ที่นี่นะครับ http://www.serif.com/webplus/

แหล่งข้อมูล: http://www.serif.com