วิธีทำลากและวางไอเทม Drag & Drop Image หรือ Div ด้วย jQuery UI

jquery-ui-frameworks

วิธีทำลากและวางไอเทม Drag & Drop Image หรือ Div ด้วย jQuery UI วิธีทำลากและวางไอเทม Drag & Drop Image หรือ Div ด้วย jQuery UI การทำระบบ ลาก และ วางไอเทม ( Drag & Drop ) สามารถทำไปประยุกต์ใช้ในการพัฒนาเว็บไซต์ได้หลายส่วน ตัวอย่างเช่น นำไปใช้กับระบบจัดเรียง หรือ จัดลำดับ ( arrange ) ของตารางข้อมูลในส่วนของ backend การใช้ระบบลากวางแทนการกดปุ่มเครื่องหมาย เลื่อนขึ้น-ลง หรือเลื่อนซ้าย-ขวา จะสะดวกสำหรับผู้ใช้งานมากกว่า เพราะสามารถจัดลำดับได้หลายขั้นมากกว่า ไม่ต้องคลิกหลายครั้ง

อ่านเพิ่มเติม


บันทึก Emoji ด้วย MySQL ได้ทั้งใน iOS และ Android

บันทึก Emoji ด้วย MySQL ได้ทั้งใน iOS และ Android บันทึก Emoji ด้วย MySQL ได้ทั้งใน iOS และ Android สังเกตุไหมครับว่า keyboard บนมือถือทั้ง iOS และ Android จะมีปุ่ม emoji ที่เราสามารถใส่ไอคอนเวลาพิมพ์ข้อความได้สำหรับ Web Developer ที่ต้องทำเว็บไซต์ให้รองรับการแสดงผลบนอุปกรณ์สมาร์ทโฟนแล้ว อีกอย่างหนึ่งที่มักจะเป็นปัญหาคือ ลูกเล่นต่าง ๆ ที่ติดมากับคีย์บอร์ดของมือถือ เช่น ระบบ emoji หรือ emoticon ที่มีทั้งบน iOS และ Android สำหรับเว็บไซต์ที่มีฟังก์ชั่นรับ input ผ่าน keyboard เช่นการตั้งกระทู้หรือการ comment จะต้องทำเว็บไซต์ให้สามารถบันทึกไอคอนเหล่านี้ลงในฐานข้อมูลได้ด้วย

อ่านเพิ่มเติม


รวม Website Checklist สำหรับคนเริ่มทำเว็บไซต์

รวม-website-checklist

รวม Website Checklist สำหรับคนเริ่มทำเว็บไซต์ รวม Website Checklist สำหรับคนเริ่มทำเว็บไซต์ ปัญหาของคนที่เริ่มอยากจะทำเว็บไซต์คือ ไม่รู้ว่าจะเริ่มอย่างไร มีไอเดียทำเว็บไซต์ให้ธุรกิจเบื้องต้น แต่ก็ไม่รู้ศัพท์ทางการพัฒนาว่าเรียกว่าอะไร บทความนี้ได้รวบรวมฟังก์ชั่นหลัก ๆ ที่สำคัญ ที่เรามักจะเจอบ่อย ๆ สำหรับเว็บไซต์โดยทั่วไป มาให้เป็นเบื้องต้นสำหรับผู้ที่กำลังจะเริ่มทำเว็บไซต์

อ่านเพิ่มเติม


รวมฟรี Javascript Library ที่จะทำให้เว็บไซต์ดูน่าสนใจมากยิ่งขึ้น

รวมฟรี Javascript Library ที่จะทำให้เว็บไซต์ดูน่าสนใจมากยิ่งขึ้น รวมฟรี Javascript Library ที่จะทำให้เว็บไซต์ดูน่าสนใจมากยิ่งขึ้น ปฏิเสธไม่ได้ว่าในการพัฒนาเว็บไซต์ในปัจจุบัน ภาษาที่จำเป็นอีกภาษาหนึ่งคือในขั้นตอนการพัฒนาเว็บไซต์ส่วน frontend คือภาษา Javascript ภาษาจาวาสคริปต์จะสามารถแก้ปัญหาบางอย่างที่ html หรือ css ทำไม่ได้ และช่วยให้เราสามารถพัฒนาเว็บไซต์ให้มีลูกเล่นมากยิ่งขึ้น

อ่านเพิ่มเติม


การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น

สอนทำเว็บไซต์-css-animation

การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น การทำ CSS Transition และการทำ CSS Animation เป็นการเพิ่มลูกเล่นให้กับเว็บไซต์ให้ดูน่าสนใจมากยิ่งขึ้น ทำให้ผู้ใช้งานเว็บไซต์ได้รู้สึกว่าเว็บไซต์มีปฏิสัมพันธ์กับผู้ใช้งานมากยิ่งขึ้น การทำ transition คือการปรับเปลี่ยนคุณลักษณะของวัตถุจากรูปแบบหนึ่งไปยังอีกรูปแบบหนึ่ง ส่วนการทำอนิเมชั่นคือการทำการเคลื่อนไหวหรือเคลื่อนย้ายตำแหน่ง ขนาด องศา เป็นต้น

อ่านเพิ่มเติม


Payment Gateway คืออะไร เลือกรูปแบบการชำระเงินบนโลกออนไลน์

รวม-online-payment-gateway

Payment Gateway คืออะไร เลือกรูปแบบการชำระเงินบนโลกออนไลน์ Payment Gateway คืออะไร เลือกรูปแบบการชำระเงินบนโลกออนไลน์ Payment Gateway หมายถึง ช่องทางการชำระเงินบนโลกออนไลน์ เป็นองค์ประกอบหนึ่งของการพัฒนาเว็บไซต์ในรูปแบบเว็บขายสินค้าออนไลน์หรือ eCommerce เว็บไซต์ ซึ่งจะมีอัตราค่าธรรมเนียมที่แตกต่างกันออกไป ของแต่ละผู้ให้บริการ โดยทั่วไปแล้ว จะเป็นการทำงานผ่านระบบ Web Service API ของผู้ให้บริการเจ้านั้น ๆ

อ่านเพิ่มเติม


เว็บไซต์นี้ ทำจากอะไร วิธีดูว่าเว็บไซต์ ทำจากภาษา ปลั๊กอิน เฟรมเวิร์ค อะไร

วิธีดูเครื่องมือที่ใช้ทำเว็บไซต์-4

เว็บไซต์นี้ ทำจากอะไร วิธีดูว่าเว็บไซต์ ทำจากภาษา ปลั๊กอิน เฟรมเวิร์ค อะไร เว็บไซต์นี้ ทำจากอะไร วิธีดูว่าเว็บไซต์ ทำจากภาษา ปลั๊กอิน เฟรมเวิร์ค อะไร บางทีเวลาที่เราท่องเว็บ อาจจะไปเจอเว็บไซต์ที่ถูกใจ แบบว่า เฮ้ย เจ๋งอ่ะ ต้องการอะไรแบบนี้ เราก็คงจะอยากรู้ว่า เว็บไซต์นี้ถูกพัฒนาขึ้นมาจาก ภาษา ปลั๊กอิน หรือเฟรมเวิร์คอะไร เผื่อจะได้ไปศึกษาเพื่อนำมาใช้งานบ้าง

อ่านเพิ่มเติม


วิธีทำ Chrome Extension และอัพโหลดขึ้น Chrome Web Store

วิธีทำ-chrome-extension

วิธีทำ Chrome Extension และอัพโหลดขึ้น Chrome Web Store วิธีทำ Chrome Extension และอัพโหลดขึ้น Chrome Web Store Google Chrome Extension คือส่วนเสริมเพิ่มความสามารถที่เฉพาะเจาะจงสำหรับโปรแกรมเว็บเบราว์เซอร์ยอดนิยมของ Google อย่าง Chrome เราสามารถพัฒนา extension หรือส่วนเสริมนี้สำหรับใช้งานเอง หรืออัพโหลดขึ้น Chrome web store สำหรับจำหน่ายหรือแจกจ่ายฟรี

อ่านเพิ่มเติม