Tools To Improve Your Online Marketing Campaign

พอดีผมไปอ่านเจอบทความหนึ่งที่เขียนเอาไว้เกี่ยวกับ Tools ต่างๆที่นำมาช่วยในการสร้าง Online Marketing Campaign ดูแล้วน่าสนใจดี บทความมีชื่อว่า "Tools To Improve Your Online Marketing Campaign" เขียนโดย Joost de Valk ในบทความจะเขียนถึง Tool ต่างๆ อาทิเช่น Google Analylic , SiteScan GA, Google Analytic Tracking Code Debugger, GetClicky, Clicktale, Google Website Optimizer, Google Cache, Wirify, Open Site Explorer, Google Insights for Search, Google Adwords Keyword Tool, BrowserShots, Constrast Ratio Calculators, Quix ถ้าสนใจก็ลองอ่านดูแล้วกันนะครับ

แหล่งที่มา : http://yoast.com/online-marketing-tools/

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

jsFiddle - The Web is Your Playground

วันนี้อยากจะมาแนะนำให้รู้จักกับ jsFiddle เป็นบริการ online editor สำหรับ HTML, JavaScript และ CSS  อีกทั้ง source code ที่เราเขียนไว้บน jsFiddle ยังสามารถบันทึกเก็บไว้ได้ด้วย โดย jsFiddle จะบันทึกเก็บไว้ในรูปแบบของ short url ซึ่งเราสามารถ นำ URL ดังกล่าวไป share หรือจะ embeded ไว้บน website ของเราก็สามารถทำได้  jsFiddle มี JavaScript Framework ต่างๆให้เลือก load อาทิเช่น jQuery, Mootools, Prototype, Dojo และเราสามารถ include JavaScript ของเราเข้าไปเองได้อีกด้วย เหมาะอย่างยิ่งสำหรับผู้ที่พัฒนา JavaScript Library หรือ CSS Framework เพราะสามารถให้ผู้ใช้ทดลองใช้งานแบบ online ได้เลย สำหรับผู้ที่สนใจสามารถทดลองใช้งานได้ที่นี่ครับ http://jsfiddle.net

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

PageSpeed Insights - Make your website faster

PageSpeed Insights by Google

PageSpeed Insights เป็นหนึ่งในเครื่องมือที่อยู่ในกลุ่มของ PageSpeed by Google โดยจะช่วยในการวิเคราะห์ และแนะนำวิธีการต่างๆ เพื่อทำให้ Web Page ของเราสามารถ Load ได้รวดเร็วขึ้น ผลการวิเคราะห์ยังมี link อ้างอิงถึงเทคนิคต่างๆที่สามารถนำมาใช้ รวมทั้งคำอธิบาย ซึ่งช่วยให้เราสามารถศึกษาเพิ่มเติมได้ สำหรับใครที่สนใจอยากลองใช้งานก็สามารถเข้าไปที่นี่ครับ https://developers.google.com/speed/pagespeed/insights

แหล่งที่มา: https://developers.google.com/speed/pagespeed/

Google Closure Tools

Google Closure Tools เป็นเครื่องมือสำหรับช่วยในการ optimize JavaScript ให้สามารถ download และ run ได้รวดเร็วขึ้น เราสามารถใช้งานผ่านทางหน้า Web Page ที่ Google เตรียมไว้ให้ หรือจะ download command line tool ลงมาใช้งานที่เครื่องของเราก็ได้ครับ สำหรับวันนี้อยากจะมาแนะนำการใช้งานผ่าน Online Tool กันก่อน วิธีการใช้งานก็ไม่ยากครับ ก็เพียงแค่เข้าไปที่ http://closure-compiler.appspot.com/home แล้วเราก็จะเจอกับหน้าจอการใช้งานที่แบ่งออกเป็น 2 ฝั่ง ฝั่งซ้ายจะเป็น JavaScript ของเราที่ยังไม่ได้ทำการ optimized ซึ่งในส่วนนี้ เราสามารถกำหนด option ต่างก่อนการ optimize ได้ เมื่อเสร็จเรียบร้อย ก็กดปุ่ม compile ซึ่ง ผลลัพธ์จากการ compile ก็จะไปแสดงที่หน้าจอฝั่งขวา ซึ่งจะมีขนาดก่อน optimize กับหลัง optimize ให้ดูเปรียบเทียบกัน นอกจากนั้น ถ้าหาก code ของเรามีปัญหา ก็จะแสดงให้เราเห็นใน Warning กับ Error Message อีกด้วย

Paste JavaScript ของเราเข้าไปที่หน้าจอด้านซ้ายมือ

เมื่อกดปุ่ม Compile ผลลัพธ์ก็จะมาแสดงให้เห็นที่หน้าจอฝั่งขวามือ

แหล่งที่มา: https://developers.google.com/closure/compiler/

Free CSS Compressor and CSS Compression Tool

หน้าจอแสดงการใช้งาน CSS Compressor

การลดขนาด file ก่อน deploy ขึ้น server นั้น เป็นสิ่งที่ควรทำ เพราะนอกจากจะช่วยประหยัดค่า Bandwidth แล้ว ยังช่วยให้ Web Page สามารถ load ได้เร็วขึ้นอีกด้วย กระบวนการการลดขนาดของ File เรามักเรียกกันว่า compress หรือบางครั้งเราเรียกว่า minify สำหรับวันนี้ อยากจะมาแนะนำเครื่องมือสำหรับช่วยลดขนาดของ CSS ซึ่งสามารถใช้งานผ่านหน้า Web ได้โดยตรง มี profile ของการ compress หลายแบบให้เลือก โดยเราสารถเลือกแบบ compress เต็มที่ หรือจะให้ balance ระหว่าง compression rate กับ readability ก็สามารถทำได้ สำหรับ Options อื่นๆที่มีให้ใช้งาน ก็อย่างเช่น merge selectors with the same properties, compress color สำหรับใครที่สนใจก็ลองเข้าไปใช้งานได้ที่นี่ครับ http://www.minifycss.com/css-compressor/

แหล่งที่มา: http://www.minifycss.com/css-compressor/