พอดี

 วันก่อนไปเยี่ยมพ่อที่ชัยนาท พ่อถามว่าอยากได้ iPhone 12 Pro เครื่องเก่าของพ่อไหม เพราะในช่วงปลายปีพ่อจะได้ iPhone รุ่นล่าสุดมาใหม่ทุก ๆ ปีเป็นโบนัส ซึ่งพ่อก็ถามเราทุกปีน่ะแหละตั้งแต่สมัย iPhone X แล้ว ตอนนั้นเราเพิ่งซื้อ iPhone ใช้เป็นเครื่องแรก ซึ่งมันคือ iPhone SE รุ่นแรก ที่ใช้บอดี้แบบ iPhone 5 เลย

พ่อถามเราทุกปี แต่เราก็ตอบไปทุกปีว่าไม่เอา แม้ว่า iPhone ที่พ่อจะยกให้นั้นมันจะแรงกว่า iPhone SE และมีทุกอย่างดีกว่าเจ้า iPhone SE ของเราทั้งหมด ไม่ใช่ว่าเกรงใจอะไรด้วยนะ แต่มันไม่ใช่สิ่งที่เราต้องการ

เพราะหลังจากที่เราพยายามคิดว่าโทรศัพท์มือถือเครื่องใหม่ของเรามันควรจะเป็นยังไง เราก็ค่อย ๆ ได้คำตอบมากขึ้นจากการใช้งานโทรศัพท์มือถือเครื่องต่าง ๆ มา แม้มันจะไม่ได้เยอะ แต่มันทำให้เราพอมองเห็นความต้องการของตัวเองได้ชัดมากขึ้นเรื่อย ๆ 

สิ่งแรกที่เราต้องการจากโทรศัพท์มือถือคือ เครื่องมันต้องเล็ก พกพาได้ง่าย ไม่สร้างความรำคาญให้เราเวลาใส่กระเป๋ากางเกง ซึ่งเจ้า iPhone SE รุ่นแรกนี่ตอบโจทย์มากมาย มันเลยกลายเป็นโทรศัพท์เครื่องที่เรารักมากที่สุด เพราะตอนที่มันออกมาขาย มันแรงเท่ากับรุ่น Top ในตอนนั้นเลย แต่เล็กกว่ากันมาก

จนเจ้า iPhone SE ของเราที่ใช้มา 4 ปีเต็ม มันเริ่มรวนจนแทบจะไว้ใจไม่ได้นี่แหละ เราถึงได้เริ่มมองหาโทรศัพท์เครื่องใหม่ แต่ช่วงนั้นมีแต่  iPhone XS, XR, 8 ที่เครื่องมันใหญ่เกินไปสำหรับความต้องการของเรา

จนมีข่าวลือเรื่อง iPhone 12 ที่จะออกมา 3 ขนาด ทำให้เรารอคอยมาก ๆ และในที่สุดข่าวลือก็เป็นความจริง iPhone 12 mini เป็นรุ่นที่เล็กที่สุดของ iPhone ก็ออกมา 

เราตัดสินใจซื้อทันทีแบบไม่ลังเล เพราะมันคือรุ่นเดียวในตลาดที่ตรงกับความต้องการของเราแล้ว

พอซื้อมาแล้วก็ไม่ผิดหวัง ขนาดมันใหญ่กว่า iPhone SE เครื่องเก่าของเราหน่อย แต่ก็ยังถือว่าเล็กกว่ารุ่นอื่นอยู่ดี แล้วจอก็ใหญ่โตกว่าเดิมมาก 

ดังนั้นนี่แหละ มันคือ iPhone ที่พอดีกับความต้องการของเราที่สุดแล้ว ไม่ว่าใครจะมายก iPhone 13 Pro Max ให้เรา เราก็ไม่อยากได้ เพราะมันไม่พอดีกับความต้องการของเรานี่นา

ขนาดภาพที่ Mobile Safari (iOS) สามารถแสดงผลได้เต็มที่

วันนี้เจอปัญหาที่เปิดภาพบน iPad แล้วมันไม่คมชัดเหมือนดูบนจอ Desktop เมื่อดูผ่าน Mobile Safari และ Chrome บน iPad เลยเกิดความสงสัยว่าทำไมถึงเจอปัญหาแบบนี้

เลยนึกขึ้นได้ว่าก่อนหน้านี้ก็เคยเจอปัญหาคล้ายๆ กันมาแล้ว แต่เป็นไฟล์ .png ที่มันจะมี limit ของตัว iPad, iPhone ที่มันไม่สามารถแสดงผลภาพที่มีขนาดใหญ่มากเกินความจุของ RAM เครื่องได้

ซึ่งคุณ William Malone ทำหน้าทดสอบขนาดไว้ให้ http://www.williammalone.com/articles/html5-javascript-ios-maximum-image-size/ เรียบร้อย

คือขนาดความกว้าง x ความยาวของรูป จะต้องไม่เกิน 5MP (สำหรับ iPhone 3GS จะเหลือ 3MP)

ทำปากกาวาดจอ capacitive (จอ iphone,ipad) ง่ายมากๆ

วันนี้บังเอิญไปเจอวิดีโอที่มีคนเค้าทำปากกาวาดจอ capacitive หรือจอแบบที่ iPhone,iPad ใช้กันนั่นเอง

อันแรกที่เจอก็งงแล้วว่าทำไมมันง่ายจัง ก็เลยรีบลงไปลองหาอุปกรณ์มาทำ แล้วก็ใช้ได้จริงๆ

แต่อันที่สองนี่ง่ายกว่าเดิมอีก แถมใช้ดีสุดๆ




ลองทำดูตามคลิปได้เลยครับ

ส่วนนี่เป็นรูปที่ผมลองใช้ปากกาที่ทำเองวาด โดยใช้ App ชื่อ AutoDesk SketchBook Mobile บน Samsung Galaxy 551

ทำให้ inputbox บน browser ของ iOS ไม่เป็นตัวใหญ่ในอักษรตัวแรก

พอดีว่าทำเว็บไซต์ที่ให้ user สามารถใช้งานได้บนมือถือด้วย แต่เจอปัญหาแปลกๆ ที่เวลากรอกข้อมูล username ลงไปแล้ว webkit browser บน iOS หรือ iPhone,iPad มันจะทำให้ตัวอักษรตัวแรกเป็นตัวใหญ่โดยอัตโนมัติทุกครั้ง ซึ่งพอส่งค่าไปตรวจสอบก็จะพบว่าไม่ตรงกับข้อมูลที่เรามี

ซึ่งเราก็อาศัยการแก้ไขโดยการแปลงค่าที่ส่งมาให้เป็นตัวเล็กทั้งหมดก่อนที่จะเช็ค ซึ่งก็ใช้งานได้ปกติดี

แต่วันนี้เจอวิธีการที่จะทำให้ช่องกรอกข้อมูล มันไม่เซ็ตอักษรตัวแรกเป็นตัวใหญ่แล้วที่นี่
http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/DesigningForms/DesigningForms.html#//apple_ref/doc/uid/TP40006512-SW1

โดยการใส่ attribute เพิ่มลงไปใน input ว่า
autocapitalize="none"

ตัวอย่างที่เค้ายกมาบนเว็บก็จะเป็นแบบนี้ 

<form autocapitalize="words">

First Name: <input name="first-name">

Last Name: <input name="last-name">

State: <input name="state" autocapitalize="characters">

Username: <input name="username" autocapitalize="none">

Comment: <textarea name="comment" autocapitalize="sentences"></textarea>

</form>

แต่ลองแล้วบน <iOS4 จะต้องใช้เป็น autocapitalize="off"

ทำเว็บให้ใช้งานแบบ Offline ได้

iPhone offline webapps

เหมาะที่จะใช้ทำพวก Web Application ง่ายๆ ที่ใช้ Javascript เป็นหลัก 

เพิ่มช่องกรอกข้อความให้รับเสียงได้บน Webkit (Safari,Chrome,iPhone,Android) ง่ายนิดเดียว

พอดีไปเปิดดูเว็บที่เคย bookmark เอาไว้เลยเจอบทความที่เค้าสอนใส่การรับข้อมูลด้วยเสียงสำหรับ textbox หรือ textarea ใน form http://www.phpied.com/x-webkit-speech-input-and-textareas/

ก็ง่ายๆ แบบนี้เลยครับ

<input type="search" name="q" x-webkit-speech>

ง่ายจริงๆ ^ ^
แต่ลองพูดใส่เข้าไปมันถอดออกมาไม่ตรงกับที่ต้องการ คงเป็นเพราะสำเนียงเรามันไม่เหมือนฝรั่งน่ะแหละ

อะลองเล่นกันเลยครับ สำหรับคนที่ใช้ Safari, Chrome