สวัสดีครับ วันนี้ผมขอนำเสนอ jQuery plug-in สำหรับทำหน้า lock screen หรือหน้าสำหรับล็อกอินของเว็บที่มีลักษณะเป็น pattern input (ใช้นิ้วลากตามจุดเพื่อปลดล็อก) โดย plug-in ตัวนี้มีเป้าหมายสำหรับเว็บแอพพลิเคชันที่ตั้งใจจะให้ทำงานบนอุปกรณ์โมบายล์เช่นแท็บเล็ตหรือโทรศัพท์มือถือ ซึ่งจริงๆ แล้วสามารถใช้บนพีซีได้แต่คิดว่าสำหรับบนพีซีนั้นใช้ input box ธรรมดาที่ใช้คีย์บอร์ดพิมพ์เอาจะง่ายกว่าครับ
ท่านที่สนใจสามารถทดลองเล่นได้ที่ หน้าตัวอย่าง หรือรับไปใช้งานได้ที่ GitHub ส่วนรายละเอียดและวิธีการใช้งาน plug-in ตัวนี้ผมเขียนไว้ใน README.md ของ GitHub ครับ คิดว่าค่อนข้างครบถ้วนพอสมควรทีเดียว ถ้าท่านไหนได้ลองไปใช้แล้วเจอปัญหา เจอบั๊ก หรือต้องการติชม ก็สามารถโพสต์แนะนำไว้ในหัวข้อนี้ หรือจะสร้าง ticket ไว้ใน GitHub ก็ได้ครับ
ยอดไปเลย ^^
tongtree27 Tue, 26/02/2013 - 00:44
ยอดไปเลย ^^
ใช้ใน ipad
pongmile Tue, 26/02/2013 - 02:19
ใช้ใน ipad ได้ดีเลยทีเดียวครับ
แต่ผมใช้ได้ตั้งหลายทีนะครับ..
iStyle Wed, 27/02/2013 - 13:12
In reply to ใช้ใน ipad by pongmile
แต่ผมใช้ได้ตั้งหลายทีนะครับ..
อั๊ยยะ
LEVY Wed, 27/02/2013 - 17:22
In reply to แต่ผมใช้ได้ตั้งหลายทีนะครับ.. by iStyle
อั๊ยยะ
จะไฝว้เหรอครับ
PaPaSEK Wed, 27/02/2013 - 17:32
In reply to แต่ผมใช้ได้ตั้งหลายทีนะครับ.. by iStyle
จะไฝว้เหรอครับ
ล๊อค -> ล็อค tablet, PC,
nuntawat Tue, 26/02/2013 - 06:07
แก้แล้วนะครับ
panitw Tue, 26/02/2013 - 06:26
In reply to ล๊อค -> ล็อค tablet, PC, by nuntawat
แก้แล้วนะครับ ไม่แน่ใจว่าภาษาไทยที่ทับศัพท์ผมเขียนถูกรึเปล่า แต่ลองหาใน Guideline แล้วเจอแค่บางคำครับ
ล็อค -> ล็อก
nuntawat Tue, 26/02/2013 - 11:11
In reply to แก้แล้วนะครับ by panitw
โอเคครับ แก้เรียบร้อย
panitw Tue, 26/02/2013 - 11:25
In reply to ล็อค -> ล็อก by nuntawat
โอเคครับ แก้เรียบร้อย
ลองบน Safari iPhone
idmaximum Tue, 26/02/2013 - 11:45
ลองบน Safari iPhone สมูทมากครับ เยี่ยมเลย ^^
เจ๋งมากเลยครับ
xenogew Tue, 26/02/2013 - 12:03
เจ๋งมากเลยครับ
วนหลายๆ รอบได้ด้วยแฮะ
pawinpawin Tue, 26/02/2013 - 12:06
วนหลายๆ รอบได้ด้วยแฮะ
ใช่ๆ ซ้ำจุดได้เรื่อยๆแฮะ
tekkasit Tue, 26/02/2013 - 12:38
In reply to วนหลายๆ รอบได้ด้วยแฮะ by pawinpawin
ใช่ๆ ซ้ำจุดได้เรื่อยๆแฮะ ซึ่งกับ Android นี่ทำไม่ได้นะ
จริงๆมันควรจะได้หรือไม่ได้อะค
panitw Tue, 26/02/2013 - 12:54
In reply to ใช่ๆ ซ้ำจุดได้เรื่อยๆแฮะ by tekkasit
จริงๆมันควรจะได้หรือไม่ได้อะครับ สำหรับมุมมองของ User
ไม่ควรครับ ในแง่ของ UX,UI
clayzizer Tue, 26/02/2013 - 14:15
In reply to จริงๆมันควรจะได้หรือไม่ได้อะค by panitw
ไม่ควรครับ ในแง่ของ UX,UI ลากซ้อนทับกันได้นี่ถึงกับมึน
สมัย Windows Mobile
hisoft Tue, 26/02/2013 - 19:52
In reply to จริงๆมันควรจะได้หรือไม่ได้อะค by panitw
สมัย Windows Mobile มันเคยทำได้ครับ แต่ Android ทำไม่ได้แล้ว จริง ๆ ผมเคยชอบให้มันซ้อนได้เพราะคนอื่นมองไม่ออกดี
IE10 Windows 8 ได้
hisoft Tue, 26/02/2013 - 12:07
IE10 Windows 8 ได้ แต่ถ้าลากไปแล้ว พอลากครั้งใหม่เส้นเดิมจะยังค้างอยู่ครับ ส่วน Mobile IE9 Windows Phone 7 ไม่ขึ้นเลย
ได้ครับ เดี๋ยวผมจัดการเช็คให้
panitw Tue, 26/02/2013 - 12:11
In reply to IE10 Windows 8 ได้ by hisoft
ได้ครับ เดี๋ยวผมจัดการเช็คให้ ขอบคุณที่ช่วย Report bug ครับ
ลากข้ามไม่ได้ครับ เช่น
HMage Tue, 26/02/2013 - 12:54
ลากข้ามไม่ได้ครับ เช่น จากตำแหน่ง 8 ไป 1
ผมลองบน FF 18.0.2 ได้นะครับ
PaPaSEK Tue, 26/02/2013 - 15:26
In reply to ลากข้ามไม่ได้ครับ เช่น by HMage
ผมลองบน FF 18.0.2 ได้นะครับ แต่เมาส์ห้ามผ่านตุ่มอื่นๆ ต้องลากหลบ
ผมว่าใส่ animation
l2aelba Tue, 26/02/2013 - 16:15
ผมว่าใส่ animation นิดหน่อยระหว่างการเชื่อมคงจะดีไม่ใช่น้อย :D
คงจะสงสาร JavaScript engine
PaPaSEK Tue, 26/02/2013 - 16:54
In reply to ผมว่าใส่ animation by l2aelba
คงจะสงสาร JavaScript engine บนมือถือน่ะครับ
ใช้ canvas ผมไม่รู้ แต่ถ้าใช้
l2aelba Wed, 27/02/2013 - 16:44
In reply to คงจะสงสาร JavaScript engine by PaPaSEK
ใช้ canvas ผมไม่รู้ แต่ถ้าใช้ css3 ผมว่าอาจจะลื่นมากกว่า
IE10 WP8 ไม่ได้เลยครับ
benwrk Wed, 27/02/2013 - 00:56
IE10 WP8 ไม่ได้เลยครับ ลากแล้วกลายเป็นเลื่อนหน้าแทน
เดี๋ยวลองซ่อมดูครับ
panitw Wed, 27/02/2013 - 17:37
In reply to IE10 WP8 ไม่ได้เลยครับ by benwrk
เดี๋ยวลองซ่อมดูครับ