Earthchie Software Engineer, Front-end Developer, Google Fanboy

Tag: html5

jQuery Script สำหรับช่วยกรอกที่อยู่อัตโนมัติ

maps

วันนี้เขียน jQuery script มาแจกตัวนึงครับ เอาไว้สำหรับช่วยกรอกที่อยู่อัตโนมัติ
ไม่ต้องมีฝั่ง server ใช้ง่ายไม่ยุ่งยาก นำไปใช้กับเว็บทั่วไปได้ทันที ไม่กระทบกับหน้าตาเว็บ

เพียงแค่ระบุตำบล ที่เหลือพวก อำเภอ จังหวัด รหัสไปรษณีย์ มันจะช่วยเติมให้เองหมดเลย
อ่านต่อ

อัพเดต CKEditor Edit in Place เป็นเวอร์ชัน 2.0

ckeditor

ผ่านไปสองปีแล้วนะครับ หลังจากที่ผมปล่อย script สำหรับทำ Edit in Place ด้วย CKEditor
น่าแปลกใจที่แม้จะผ่านไปแล้วกว่าสองปี แต่ลูกเล่น Edit in Place ก็ยังดูล้ำอยู่เลย

ประกอบกับมี Feedback มาว่าของเดิมใช้ไม่ค่อยได้แล้ว เพราะ dependency เยอะไปหน่อย
เวลา CKEditor ออกเวอร์ชันใหม่ๆ เอาไปใช้ร่วมกันลำบาก แถมจะลงปลั๊กอินอะไรเพิ่มก็ลำบาก

ตอนนี้ CKEditor พัฒนาไปไกลแล้ว จริงๆ ถ้าใครคล่อง javascript หน่อยก็สามารถทำ edit in place ได้เองไม่ยาก เพราะมันพัฒนา API มาให้อยู่แล้ว
แต่ก็นะ มันยังยุ่งอยู่ไง ติดนิสัยขี้เกียจ 55
เพราะปลั๊กอินตัวเดิมแค่ใส่คลาส editable กับ data-handler มันก็จัดการทุกอย่างให้เสร็จสรรพ ให้มาเขียนโค้ดใหม่ยาวๆ ก็ไม่เอาแล้ว ขี้เกียจ

ผมเลยตัดสินใจทำเวอร์ชัน 2.0 ขึ้นมา โดยทำการปัดฝุ่น เขียนโค้ดใหม่ทั้งหมด และยังใช้ CKEditor เหมือนเดิม
เพราะพูดตามตรง มี WYSIWYG Editor เกิดใหม่เยอะแยะ แต่ไม่มีอันไหนถูกจริตผมเท่า CKEditor เลย

เวอร์ชันนี้ก็คงคอนเซ็ปต์ใช้งานง่ายไว้เหมือนเดิม แล้วก็เพิ่มในส่วนของความยืดหยุ่น และ dependency ที่พอดีๆ ไม่กระทบปลั๊กอินตัวอื่น

ตัวอย่างว่าอะไรคือ Edit in Place นะครับ ลองดับเบิลคลิกข้อความนี้ดู

อ่านต่อ

เราไม่ควรใช้ Placeholder แทนชื่อฟิลด์เพียงอย่างเดียว

html5-placeholder-syntax

ที่มาภาพ www.aghoshb.com

ใน HTML5 มี attribute ใหม่ตัวนึงชื่อ placeholder ใช้ในการแสดงข้อความชั่วคราวในแบบฟอร์ม
ทำให้หลายๆ เว็บไซต์ ใช้ placeholder แทนชื่อฟิลด์ไปเลย โดยหวังจะทำให้แบบฟอร์มดู minimal ขึ้น
ซึ่งมัน minimal จริง แต่ในขณะเดียวกันมันก็ทำให้ผู้ใช้ไม่รู้ว่าแต่ละช่องที่กรอกไป คือค่าอะไรบ้าง (UI สวยขึ้น แต่ UX แย่ลง)

อ่านต่อ

Copyright © 2017 Earthchie

Theme by Anders NorenUp ↑