Showing posts with label Development Tools. Show all posts
Showing posts with label Development Tools. Show all posts

Thursday, 26 July 2012

AJAX Loader Image Generator



สำหรับใครที่อยากได้ AJAX Loader Image (รูป Animation ที่แสดงการทำงานระหว่างที่เรากำลังรอ Response จาก AJAX Request) แต่ไม่อยากทำเอง หรือทำเองไม่เป็น ต้องใช้บริการ Web นี้ครับ http://ajaxload.info ที่นี่เค้ามีบริการ Generate AJAX Loader Image เองแบบ Online สามารถเลือกสี Foreground, Background หรือเลือก Transparent ได้ มีแบบให้เลือกอยู่ประมาณนึง ไม่เยอะเท่าไหร่ แต่ก็เพียงพอต่อการใช้งานครับ ลองใช้บริการดูเองละกันนะครับ

แหล่งที่มา: http://ajaxload.info

Friday, 13 July 2012

The Uniform Server - A New World WAMP Package



Uniform Server เป็น WAMP package ทางเลือกอีกตัวหนึ่งนอกเหนือจาก XAMPP และ WAMP Server มีจุดเด่นคือขนาดที่เล็ก พกพาสะดวก สามารถ install ใส่ไว้ใน USB Drive ก็ได้ และที่สำคัญคือการติดตั้ง Uniform Server จะไม่ไม่ยุ่งเกี่ยวกับ Registry ใดๆใน Windows ทำให้เราสามารถเคลื่อนย้าย Folder ได้สะดวกหลังจากที่ติดตั้ง สำหรับผู้ที่สนใจสามารถเข้าไป download ได้ที่นี่ครับ http://www.uniformserver.com

แหล่งที่มา: http://www.uniformserver.com

Saturday, 7 July 2012

JSMin - The JavaScript Minifier

JSMin เป็น Command Line Tool ที่พัฒนาขึ้นโดย Douglas Crockford (เป็นคนที่ออกแบบ JSON) เพื่อใช้สำหรับลดขนาดไฟล์ของ JavaScript ลง โดยการ remove whitespace หรือ comments ที่ไม่จำเป็น ซึ่งจะส่งผลทำให้สามารถ Download ได้เร็วขึ้น เหมาะสำหรับ JavaScript ที่จะนำไปใช้บน Production Server แต่สิ่งที่ต้องระวังก็คือ JSMin เป็น One Way Tool คือ เมื่อทำการ Minify ไปแล้ว จะไม่สามารถจะทำให้กลับมาเป็นเหมือนเดิมอีกไม่ได้ ดังนั้นก่อนใช้จึงควรเก็บ JavaScript ต้นฉบับไว้ทุกครั้งก่อนทำการ Minify เพื่อการแก้ไขหรือเปลี่ยนแปลงในอนาคต

หน้าตาของ JavaScript ที่ผ่านการ Minify

สำหรับวิธีใช้ command line สามารถใช้งานได้ดังตัวอย่างต่อไปนี้ครับ

c:\> jsmin.exe < input.js > output.js

ส่วนใครที่ใช้ Edit Plus ก็สามารถ config user tool ไว้ใช้งานได้ดังนี้ครับ


สำหรับผู้ที่สนใจ สามารถ download JSMin ได้ที่นี่ครับ http://www.crockford.com/javascript/jsmin.html

แหล่งที่มา: http://www.crockford.com/javascript/jsmin.html

Friday, 6 July 2012

Delphi XE2 - Deliver Fast Native Windows,Mac and iOS Applications



Delphi เป็น IDE (Integrated Development Environment) สำหรับพัฒนา console และ desktop application โดยใช้ภาษา Object Pascal พัฒนาขึ้นโดย Borland ต่อมาเปลี่ยนชื่อเป็น Codegear (ในปี 2006) ในที่สุดก็ถูกขายให้กับ Embarcadero ในปี 2008 และเปลี่ยนชื่อมาเป็น Embarcadero Delphi ซึ่งเวอร์ชั่นล่าสุดในปัจจุบันคือ Delphi XE2

Delphi XE2 มาพร้อมกับ FireMonkey (Cross Platform GUI framework) ซึ่งจะทำให้ Developer สามารถพัฒนา Application และ User Interface โดยอาศัยเทคโนโลยีใหม่ๆ อาทิเช่น Acceleration Features ซึ่งมีอยู่ใน Direct2D (Windows Vista และ Windows 7), OpenGL (Mac OS X), OpenGL ES (iOS), และ GDI+ สำหรับ Windows Platform ที่ไม่มี Direct2D (Windows XP) สำหรับ Application ที่พัฒนาโดยใช้ FireMonkey จะสามารถ deploy ได้หลาย platform อาทิเช่น Windows, Mac OS X และ iOS




What's new in Delphi EX2


สำหรับผู้ที่สนใจ สามารถศึกษาข้อมูลเพิ่มเติมได้ที่นี่ครับ http://embarcadero.com/products/delphi

แหล่งที่มา:
  1. http://en.wikipedia.org/wiki/Embarcadero_Delphi
  2. http://en.wikipedia.org/wiki/FireMonkey
  3. http://embarcadero.com/products/delphi

Thursday, 5 July 2012

phpDocumentor - Documentation Generator for PHP



phpDocumentor คือเครื่องมือสำหรับช่วยในการสร้าง Documentation จาก PHP Source Code ที่เราพัฒนาขึ้นมา สำหรับการสร้าง Documentation จะใช้ command line tool ที่ทาง phpDocumentor เตรียมไว้ให้ สำหรับใครที่สนใจ สามารถศึกษาวิธีการใช้งานได้ที่นี่ครับ http://www.phpdoc.org


แหล่งที่มา: http://www.phpdoc.org

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/

Color Cop - a free multi-purpose color picker


ตัวอย่างหน้าจอของโปรแกรม Color Cop

Color Cop เป็นเครื่องมือ Color Picker สารพัดประโยชน์ เหมาะสำหรับคนที่ทำงานเกี่ยวกับการออกแบบ Website หรือทำงานทางด้าน Graphics ทั่วไป โปรแกรมตัวนี้จะช่วยให้เรา copy สีที่เราต้องการจากพื้นที่ใดๆก็ตามบนหน้าจอของเรา ยกตัวอย่างเช่น เรากำลังดู Website อยู่ Website หนึ่ง แล้วเราเกิดชอบชุดสีที่ใช้งาน เราสามารถใช้ Color Cop ในการ copy ชุดสีดังกล่าว เพื่อนำมาใช้งานในภายหลัง โดยเราสามารถกำหนดค่าการแสดงผลสีเป็น HTML Hex หรือ RGB Int ก็ได้ ตามที่ต้องการ ส่วน Feature ที่ผมชอบเป็นพิเศษก็คือ Auto Copy to Clipboard ซึ่งทำให้เวลาที่เราใช้ Eye Dropper เลือกสีที่เราต้องการแล้ว ค่าสีดังกล่าวจะถูก Copy ไว้ใน Clipboard โดยอัตโนมัติ ทำให้เราสามารถ Switch ไปยังโปรแกรมที่เราใช้งานอยู่ และนำค่าสีดังกล่าวไปใช้งานได้เลย ซึ่งสะดวก และประหยัดเวลาเป็นอย่างมาก โปรแกรมตัวนี้เป็น Freeware ครับ สำหรับใครที่อยากทดลองใช้งาน สามารถเข้าไป download ได้ที่นี่ครับ http://colorcop.net

แหล่งที่มา: http://colorcop.net

Wednesday, 13 June 2012

วันนี้อยากจะมาแนะนำให้รู้จักกับ FlairBuilder ซึ่งเป็นเครื่องมือสำหรับใช้ในการสร้าง Wire Frame สำหรับงานพัฒนา Web และ Application ลองดูวิธีการใช้งานได้ตาม Video แนะนำการใช้งานข้างล่างได้เลยครับ


แหล่งที่มา: http://flairbuilder.com

Sunday, 10 June 2012

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