PHP Proxy Solution for cross-domain AJAX scripting

โดยปกติเราจะไม่สามารถเรียก AJAX ข้าม Domain ได้ เนื่องจากเป็นข้อกำหนดในเรื่องความปลอดภัย สำหรับบทความที่จะนำมาแนะนำต่อไปนี้เป็นวิธีการสร้าง Proxy โดยใช้ PHP เพื่อที่เราจะสามารถเรียกใช้งาน AJAX ข้าม Domain ได้ ลองเข้าไปดูบทความได้ที่นี่ครับ http://bit.ly/ONrztb

แหล่งที่มา : http://bit.ly/ONrztb

Create Crawlable, Link-Friendly AJAX Websites Using pushState()

สำหรับบทความที่จะนำมาแนะนำต่อไปนี้มีชื่อว่า "Create Crawable, Link-Friendly AJAX Websites Using pushState()" ซึ่งจะพูดถึงเทคนิคในพัฒนา website โดยใช้เทคโนโลยี AJAX แต่ในขณะเดียวกัน Search Bot ก็ยังคงสามารถ crawl มาที่ URL ของเราได้ โดยจะพูดถึงการใช้งาน window.history.pushState() ซึ่งเป็นส่วนหนึ่งของ HTML5 History API หน้าที่ของ pushState() ก็คือเปลี่ยน URL ที่แสดงอยู่บน Address Bar (ซึ่งก็ยังคงใช้งานได้ในบาง Browser) สำหรับเทคนิคที่นำมาใช้ก็คือ load content ในส่วนที่ต้องการด้วย AJAX จากนั้นก็เรียกใช้งาน pushState() เพื่อเปลี่ยน URL บน Address Bar ให้ตรงกับ address จริงของ web page นั่นเอง เพียงเท่านี้เราก็จะสามารถใช้งาน AJAX และในขณะเดียวกัน Search Bot ก็ยังคงสามารถ Crawl มายัง URL ของเราได้ (เนื่องจากเราใช้ URL จริงๆในการแสดงผลบน Address Bar) ซึ่งเทคนิคนิคนี้ หากมองดูปกติก็จะไม่แตกต่างจากการ reload page แต่จริงๆแล้วมีประสิทธิภาพที่ดีกว่ามาก ถือว่าเป็นเทคนิคที่น่าสนใจอันนึงครับ ส่วนอันนี้เป็น demo site ที่เค้าสร้างขึ้นมาเพื่อแสดงการใช้งาน pushState() ให้ดูครับ สำหรับอันนี้เป็นอีกหนึ่งบทความที่อธิบายเกี่ยวกับการใช้งาน pushState() ไว้ค่อนข้างละเอียด บทความมีชื่อว่า
HTML5: Changing the browser-URL without refreshing page ลองอ่านดูแล้วกันนะครับ

แหล่งที่มา: http://www.seomoz.org/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate

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

Mozilla Developer Network - Online References for Web Development

สำหรับใครที่กำลังพัฒนา Web แล้วจำ Syntax ไม่ค่อยได้ ลองใช้บริการของ Mozilla Developer Network ที่นี่เค้ามีบริการ Online Reference สำหรับใช้ในการพัฒนา Web ไมว่าจะเป็น HTM, JavaScript, DOM, HTML5, CSS, AJAX และอื่นๆอีกมากมาย สำหรับผู้ที่สนใจ สามารถเข้าใช้บริการได้ที่นี่ครับ https://developer.mozilla.org/en-US/docs

แหล่งที่มา: Mozilla Developer Network

Ajax Upload;A file upload script with progress-bar, drag-and-drop

 
สำหรับใครที่กำลังมองหา Ajax Upload Script ดีๆ ลองดูตัวนี้ครับ พัฒนาโดย Andrew Valums สามารถ upload ได้หลายๆไฟล์พร้อมๆกัน สามารถแสดงสถานะการ upload ได้ สำหรับในกรณีที่ Browser ไม่ support ก็จะ Fallback ไปใช้ iframe โดยอัตโนมัติ สำหรับ Drag & Drop สามารถใช้ได้ในกรณีที่ใช้ Firefox หรือ Chrome สำหรับใครที่สนใจ สามารถดูตัวอย่างการใช้งานได้ที่นี่ครับ http://valums.com/ajax-upload/

แหล่งที่มา: http://valums.com/ajax-upload/