สวัสดีครับ วันนี้ผมขอนำเสนอ jQuery plug-in สำหรับทำหน้า lock screen หรือหน้าสำหรับล็อกอินของเว็บที่มีลักษณะเป็น pattern input (ใช้นิ้วลากตามจุดเพื่อปลดล็อก) โดย plug-in ตัวนี้มีเป้าหมายสำหรับเว็บแอพพลิเคชันที่ตั้งใจจะให้ทำงานบนอุปกรณ์โมบายล์เช่นแท็บเล็ตหรือโทรศัพท์มือถือ ซึ่งจริงๆ แล้วสามารถใช้บนพีซีได้แต่คิดว่าสำหรับบนพีซีนั้นใช้ input box ธรรมดาที่ใช้คีย์บอร์ดพิมพ์เอาจะง่ายกว่าครับ
ท่านที่สนใจสามารถทดลองเล่นได้ที่ หน้าตัวอย่าง หรือรับไปใช้งานได้ที่ GitHub ส่วนรายละเอียดและวิธีการใช้งาน plug-in ตัวนี้ผมเขียนไว้ใน README.md ของ GitHub ครับ คิดว่าค่อนข้างครบถ้วนพอสมควรทีเดียว ถ้าท่านไหนได้ลองไปใช้แล้วเจอปัญหา เจอบั๊ก หรือต้องการติชม ก็สามารถโพสต์แนะนำไว้ในหัวข้อนี้ หรือจะสร้าง ticket ไว้ใน GitHub ก็ได้ครับ
Comments
ยอดไปเลย ^^
ใช้ใน ipad ได้ดีเลยทีเดียวครับ
แต่ผมใช้ได้ตั้งหลายทีนะครับ..
May the Force Close be with you. || @nuttyi
อั๊ยยะ
จะไฝว้เหรอครับ
แก้แล้วนะครับ ไม่แน่ใจว่าภาษาไทยที่ทับศัพท์ผมเขียนถูกรึเปล่า แต่ลองหาใน Guideline แล้วเจอแค่บางคำครับ
โอเคครับ แก้เรียบร้อย
ลองบน Safari iPhone สมูทมากครับ เยี่ยมเลย ^^
เจ๋งมากเลยครับ
วนหลายๆ รอบได้ด้วยแฮะ
ใช่ๆ ซ้ำจุดได้เรื่อยๆแฮะ ซึ่งกับ Android นี่ทำไม่ได้นะ
จริงๆมันควรจะได้หรือไม่ได้อะครับ สำหรับมุมมองของ User
ไม่ควรครับ ในแง่ของ UX,UI ลากซ้อนทับกันได้นี่ถึงกับมึน
สมัย Windows Mobile มันเคยทำได้ครับ แต่ Android ทำไม่ได้แล้ว จริง ๆ ผมเคยชอบให้มันซ้อนได้เพราะคนอื่นมองไม่ออกดี
IE10 Windows 8 ได้ แต่ถ้าลากไปแล้ว พอลากครั้งใหม่เส้นเดิมจะยังค้างอยู่ครับ ส่วน Mobile IE9 Windows Phone 7 ไม่ขึ้นเลย
ได้ครับ เดี๋ยวผมจัดการเช็คให้ ขอบคุณที่ช่วย Report bug ครับ
ลากข้ามไม่ได้ครับ เช่น จากตำแหน่ง 8 ไป 1
ผมลองบน FF 18.0.2 ได้นะครับ แต่เมาส์ห้ามผ่านตุ่มอื่นๆ ต้องลากหลบ
ผมว่าใส่ animation นิดหน่อยระหว่างการเชื่อมคงจะดีไม่ใช่น้อย :D
คงจะสงสาร JavaScript engine บนมือถือน่ะครับ
ใช้ canvas ผมไม่รู้ แต่ถ้าใช้ css3 ผมว่าอาจจะลื่นมากกว่า
IE10 WP8 ไม่ได้เลยครับ ลากแล้วกลายเป็นเลื่อนหน้าแทน
เดี๋ยวลองซ่อมดูครับ