JQuery
-
Beginning
jQuery Mobile ตอนที่ 4 การประยุกต์ใช้ Ajax ส่งข้อมูลจาก Form
สำหรับบทเรียนของ jQuery Mobile ในตอนนี้จะเป็นการใช้งานร่วมกับ AJAX มาช่วยในการ Post ข้อมูลจากหน้า Form ไปประมวลผล สำหรับประบุกต์ทำหน้าส่งข้อมูล สำหรับวิธีการใช้งานเบื้องต้นนั้น สามารถกลับไปอ่านพื้นฐานการใช้งานก่อนได้ที่ jQuery Mobile ตอนที่ 2 เครื่องมือเปลี่ยน Theme เว็บไซต์…
Read More » -
Developer
Baraja กับ jQuery Plugin แสดงผลภาพถ่ายแบบ Cards พร้อมแอนิเมชันสวยๆ
พอมีเวลาไปหา jQuery Plugin ดีๆ มาใช้กับงานของตัวเอง ในอินเทอร์เน็ตแล้วไปเจอกับ เจ้า Plugin ที่ชื่อว่า “Baraja” เข้าดูแล้วน่ารักดีเลยเอาแนะนำให้เอาไปใช้ทำแกลอรี่กันครับที่มาของเจ้า jQuery Plugin ตัวนี้นั้นสามารถเข้าไปดาวน์โหลดหรือศึกษาได้ที่ https://github.com/codrops/Baraja เลยซึ่งทีมพัฒนานั้นให้เราเอาไปใช้ได้ฟรี ไม่ต้องเสียค่าใช้จ่ายใดๆ แต่ต้องอยู่ใน License ของ…
Read More » -
Developer
Twitter API ดึง Feed และรูปภาพแสดงผลเป็น Pinterest
วิธีการเขียนโปรแกรมดึงข้อมูล Feed ของ Twitter ในรูปแบบ JSON ให้ปรากฏบนหน้าเว็บไซต์ของเราโดยแสดงข้อความและรูปภาพแบบ Pinterest ครับเอเจนซี่หลายเจ้ามักจะ “Conservative” กับการเล่น API ของ Twitter เพราะคิดว่าผู้ใช้งาน Twitter ไม่ค่อยนิยมเล่น Twitter หรืออัพโหลดรูปภาพ Twitter…
Read More » -
Developer
jQuery Mobile ตอนที่ 3 สร้างลูกเล่น Page Transition เชื่อมต่อกัน
บทเรียนตอนที่ 3 เกี่ยวกับ jQuery Mobile ครั้งนี้จะเป็นการพาไปรู้จักกับ Page Transition หรือแอนิเมชันสำหรับแสดงเวลาที่เปลี่ยนหน้าของเว็บครับก่อนที่จะเรียนรู้เกี่ยวกับบทเรียนนี้สำหรับผู้เริ่มเต้มนั้นผมแนะนำให้ไปศึกษาบทความก่อนหน้านี้นะครับนั่นคือ jQuery Mobile ตอนที่ 1 เริ่มต้นใช้งาน Library และตั้งค่าเบื้องต้น jQuery Mobile ตอนที่ 2…
Read More » -
Advance
รวมฮิต jQuery กับการสร้าง Animation Effect บนหน้าเว็บไซต์
ถ้าตอนนี้คนเราเสพสื่อผ่านสมาร์ทโฟนมากขึ้นแล้วโดยเฉพาะ iPad และ iPhone เป็นไปได้ว่า Flash Animation ของ Adobe คงเล่นได้แค่บนเว็บทางเลือกก็คงหนีไม่พ้น jQuery ในการทำ Banner แทนครับ คราวนี้ Banner โฆษณาที่ต้องไปโชว์บนหน้าจอสมาร์ทโฟนนั้นก็ต้องมี Animation หรือกราฟิกเคลื่อนไหวไปมาเล็กน้อยใช่ไหมครับมันจึงจะดูน่าสนใจ คนออกแบบป้าย…
Read More » -
Beginning
jQuery Mobile ตอนที่ 2 เครื่องมือเปลี่ยน Theme เว็บไซต์
สำหรับบทความการพัฒนา jQuery Mobile รอบนี้จะพาไปเรียนรู้เครื่องมือง่ายๆ อย่าง ThemeRoller สำหรับปรับแต่งสีสันของ UI ครับต่อเนื่องจากบทความ jQuery Mobile ตอนที่ 1 เริ่มต้นใช้งาน Library และตั้งค่าเบื้องต้น นะครับ คราวนี้เราจะมาเรียนรู้วิธีการเปลี่ยนธีม หรือ UI ของ…
Read More » -
Developer
Google Developer API กับการสร้าง Custom Search ด้วย jQuery
คราวนี้ผมจะพานักพัฒนาทุกคนไปรู้จักการพัฒนาโปรแกรมบนเว็บ ด้วย Google Developer API ของ Custom Search API ครับซึ่งเป็นการสร้างหน้าการค้นหาข้อมูลโดยใช้ API ของ Google Custom Search API มาช่วย และใช้การแสดงผลผ่าน jQuery เพื่อทำให้ผลลัพธ์แสดงผลออกมาได้อย่างเต็มประสิทธิภาพครับ…
Read More » -
Developer
jQuery Mobile ตอนที่ 1 เริ่มต้นใช้งาน Library และตั้งค่าเบื้องต้น
ทางเลือกหนึ่งของนักพัฒนา Mobile Website นั้นก็คงหนีไม่พ้น jQuery Mobile ที่ถือว่าเป็นชุดพัฒนาแบบ Open Source ที่ใช้งานง่ายอีกตัวล่าสุดก็น่าจะหนีไม่พ้น jQuery Mobile ครับซึ่งนักพัฒนาที่ลงทะเบียน Git ใน GitHub จะมีโอกาสได้ใช้งาน Library ตัวนี้ได้เร็วที่สุดเพราะมีนักพัฒนาเจ้า jQuery…
Read More » -
Advance
สร้างกราฟให้โดนใจด้วยบริการ Google Charts
ขึ้นชื่อว่า Google หลังจากที่เขย่าวงการเครือข่ายสังคมออนไลน์โดยเปิดตัวโครงการ Google+ ออกมาแล้ว หลายคนที่ได้ทดลองสมัครใช้งานไปได้ซักพัก ก็เริ่มที่จะมีคำถามในหัวเช่นเดียวกับผู้เขียนว่า แล้ว Google มีบริการอะไรอีก หรือเปล่าหากสังเกตที่เมนูด้านบนหน้าเว็บไซต์ www.google.com ก็จะเห็นเมนูนำทางมากมายปรากฏขึ้นมา ซึ่งส่วนมากเป็นชื่อบริการของ Google ที่พวกเราต่างเคยเข้าไปใช้งานมาบ้างแล้วแทบทั้งหมด ตั้งแต่ Google Docs, Google…
Read More » -
Concept
Web-based applications เปลี่ยนไป! ปรับรูปแบบใหม่เอาใจผู้ใช้งาน
อนาคตระบบปฏิบัติการที่มากับเครื่องแล็ปท็อปคงจะมีหน้าที่แค่เรียกเว็บบราวเซอร์เพียงอย่างเดียว เพราะบนเว็บบราวเซอร์ตอนนี้มีแอพพลิเคชันทุกอย่างที่มีอยู่บนคอมพิวเตอร์ให้เลือกใช้มากมายแล้ว ต้นทุนในการสร้างองค์กรคงจะลดลงมาก องค์กรขนาดเล็กจะได้รับประโยชน์ ถ้าให้พูดถึงเทรนด์ของแอพพลิเคชันในตอนนี้จะพบว่า แอพพลิเคชันในแต่ละแพลตฟอร์มมีการเติบโตในท้องตลาดสูงขึ้นจากเดิมหลายเท่าตัว ประเภทของแอพพลิเคชันที่ได้รับความนิยมสูงที่สุดคือแอพพลิเคชันบนแพลตฟอร์มของสมาร์ทโฟนซึ่งจะเห็นได้จากจำนวนของ Application Store หลายค่ายที่พร้อมใจกันพัฒนาแอพพลิเคชันของตนออกมาอย่างต่อเนื่อง รองลงมาคือแอพพลิเคชันที่ใช้งานบนเว็บไซต์ หรือ ผ่านเว็บบราวเซอร์ซึ่งมีทั้งแบบที่ให้บริการจาก SaaS (Software as a Service) ผ่านบริการ Cloud…
Read More »