Archive | ของเล่น RSS feed for this section

HTML5 Online/Offline

เมื่อวานเขียนเรื่อง Application Cache ไปสิ่งหนึ่งที่เกี่ยวข้องแต่แยกออกมาคือ online/offline ใน browser ปัจจุบัน (Chrome, Firefox, Safari) สามารถตรวจว่าตอนนี้เครื่องที่เราใช้อยู่ online/offline อยู่ได้จาก navigator ตามด้านล่าง สถานะ online/offline จะดูตาม network interface ของเครื่องเลยว่ามี interface ไหนที่ active อยู่บ้างถ้าไม่มี interface ไหน active เลย navigator.onLine จะมีค่าเป็น false ถ้ามี interface นึงที่ active จะมีค่าเป็น true นอกจาก flag ที่ check จาก navigator แล้วยังมี event ที่บอกว่าเปลี่ยนเป็น online/offline เมื่อไหร่ดักได้ตาม code ด้านล่าง จาก code ไว้สำหรับคอยดักดูว่า [...]

Read full story Comments { 0 }

Sequence dev process

ได้ Stylus มากำลังเห่อ แถมช่วงนี้กำลังตบตี Dev Process ทดลองอะไรต่างๆ และติดใจ Sequence diagram มากสุดเพราะมันทำให้เห็นหน้าที่ชั้นต่างๆ ชัดดี เลยลองเขียน Sequence ของ Dev process ปัจจุบันซักหน่อย ได้ออกมาตามภาพด้านล่าง จริงมีวาดไว้อีกหลายอย่างแต่คงเอามาเปิดเผยไม่ได้ ฮะๆ

Read full story Comments { 1 }

HTML5 Application Cache

Feature นึงใน Kindle Reader ที่ทำให้สงสัยมากตอนเล่นครั้งแรกคือทำยังไงถึง Bookmark เป็น App ใน iPad แล้วพอเปิดขึ้นมาแบบ Airplane mode ยังสามารถทำงานได้อยู่โดยไม่ต้องต่อเนท เคยลองทำเว็บเล่นเองพอ Bookmark iPad ก็ไปโหลด resource ใหม่อยู่ดีจนไม่นานมานี้ทำ Project ทดลองจริงจังจึงพบว่า มี Feature นึงใน Browser รุ่นใหม่ๆ เรียกว่า Application Cache Feature นี้ใช้ได้เฉพาะ Safari, Chrome และ Firefox เท่านั้น IE9 ยังไม่รองรับ (ส่วน Opera ยังไม่ได้ลอง)​ เพราะงั้น Project ทดลองเลยบอกไว้เลยว่าไม่รอบรับ IE (เพราะมันเล่น Offline ไม่ได้นั่นเอง) หน้าตาเว็บที่ใช้ Application cache ก็จะมีหน้าตา HTML ตามด้านล่าง [...]

Read full story Comments { 0 }

HTML5 Drag&Drop

เมื่อคืนช่วงที่เขียนเรื่อง IAAS/PAAS จริงๆ มีเรื่องนี้อยู่ในหัวด้วย มันมาตั้งแต่ตอนทำ Scrumboard ให้ลาก Task ได้แต่ไม่มีเวลารวบรวมซักที ช่วงเช้ายังว่างๆ ไม่มีใครมาเลยจดไว้ก่อนละกัน วิธีการใช้งาน HTML5 Drag&Drop แทบจะเหมือน Flex เป๊ะชื่อฟังก์ชั่นหรือ event นี่ลอกมาแทบจะไม่ต่าง (หรือจริงๆ Adobe อาจจะเป็นคนผลักมันออกมาเป็น Standard) Event พื้นฐานก็มี (@plutoniix แย้งมาตาม comment ว่ามาจาก MS ต่างหาก) dragstart: ใช้กับ DOM ที่จะลากเพื่อบอกว่า DOM นี้มีคนกดลากแล้วนะ dragend: ใช้กับ DOM ที่ลากไปมาได้เหมือน dragstart เกิดเมื่อตอนปล่อยเม้าส์จาก DOM ที่ลากไปมา dragover: ใช้กับ DOM ที่จะเป็นตัวรับ DOM ที่ลากไปมา เกิดตอน DOM อื่นถูกลากมาเหนือ DOM [...]

Read full story Comments { 1 }

Zujipuli

วันนี้หลังจากนั่งเขียนโค้ดใน Starbuck ก็เดินเข้า B2S เพื่อหาสมุดสำหรับจด/วาดอะไรเก็บไว้หน่อย สิ่งที่ต้องการก็ไม่มีอะไรมาก กระดาษต้องไม่มีเส้นอะไรเลย ขนาดกว้างพอประมาณ ไม่ใหญ่เกินไปและเบา เดินเลือกอยู่ซักพักส่วนใหญ่ก็จะเป็นกระดาษที่มีเส้น จนไปเจอเล่มนี้เข้า เล่มแรกที่เห็นเป็นปกสักกะหลาด และส่วนใหญ่จะถูกแกะห่อออกจากพลาสติกแล้ว! ตอนหยิบเล่มสักกะหลาดหนาสีดำพบว่ามันหนักเกิน แม้ว่ามันจะดูดีแค่ไหนก็ตาม ไม่เหมาะแก่การพกหรือวาดเล่นอย่างยิ่ง ค้นๆ ไปอีกหน่อยเจอที่เป็นสักกะหลาดสีเทา เบาลงหน่อยแต่ด้วยราคา 190 บาทแล้วก็ซื้อยังไม่ลงเท่าไหร่ จนไปเห็นปกกระดาษแข็ง 110 บาท ยี่ห้อเดียวกันก็หยิบแล้วเดินออกมาทันที กลับถึงบ้านตอนนี้ก็ประทับใจพอสมควร วาด Flow เล่นสนุกมือคิดว่าคงลืม Moleskine ที่อยากได้(แต่ไม่เคยซื้อนะ ฮ่า) ไปได้ซักพักไว้วาดเล่มนี้หมดเมื่อไหร่ค่อยคิดอีกที แต่ตอนนี้คงเป็นแฟนประจำของ Zujipuli ไปอีกซักพัก อ้อนอกจากเล่มนี้แล้วที่เว็บ Zujipuli ยังมีอีกหลายแบบให้เลือกดูด้วย เผื่อใครชอบลองเข้าไปดูได้ที่หน้าเว็บครับ

Read full story Comments { 0 }