May 2013 - JIRAYU.IN.TH

รีวิว: พาทัวร์ Opera Next 15

jirayu on May 28, 2013

เป็นเวลาสักพักใหญ่ๆ ที่ Opera ประกาศว่าจะเลิกใช้เอ็นจิน Presto ของตัวเอง และหันไปพัฒนาโดยใช้ฐานจาก Chromium แทน และเมื่อไม่นานมานี้ก็เพิ่งจะปล่อย Opera 14 for Android เบราเซอร์รุ่นมือถือที่มีฐานมาจาก Chromium ไป จนถึงวันนี้ ก็ได้ปล่อย Opera Next 15 เบราเซอร์เดสก์ท็อปที่ใช้ฐานจาก Chromium มาให้ลองกันแล้วครับ

Opera Next 15 พัฒนาขึ้นมาโดยใช้ Chromium 28 เป็นฐาน นั่นหมายความว่า Opera Next 15 จะได้เอ็นจินแสดงผล Blink มาด้วยนั่นเอง (Blink คือเอ็นจินที่ Google เอา WebKit มาแยกพัฒนาเอง โดยลบโค๊ดที่ขยะทิ้งออกไป ทำให้โดยรวมแล้ว Blink จะเบากว่า WebKit) โดยใน Opera Next 15 ตัวแรกนี้ ยังพอร์ทเอาฟีเจอร์เก่าๆ กลับมาได้ไม่ครบ หรือบางอันก็โดนถอดออกไปเสียอย่างนั้น ดังนั้นในฐานะสาวก Opera จึงขอเขียนบล็อกรีวิวมันสักหน่อยแล้วกัน

สัมผัสแรกของ Opera Next 15

ในทีแรกที่ Opera 14 for Android ถูกปล่อยออกมา ผมค่อนข้างหวั่นใจมากๆ ว่า Opera สำหรับ Desktop จะออกมาเป็นเหมือน Opera 14 for Android คือเปลี่ยนหน้าตาใหม่หมด ฟีเจอร์หายเพียบ และทำงานได้เชื่องช้าอืดอาด แต่พอได้ลองใช้จริงๆ ก็พบว่ามันไม่ได้เปลี่ยนไปมากขนาดนั้น โดยรวมหน้าตายังเหมือนเดิม และการทำงานที่อาจจะเรียกว่าเร็วขึ้นด้วยซ้ำ

เปลี่ยน Windows 8 ให้เป็น Wifi Hotspot

jirayu on May 15, 2013

ผมมีปัญหาเล็กๆ บางอย่างที่ทำให้ต้องใช้ Wifi Tethering จากคอมพิวเตอร์อยู่บ่อยๆ ปัญหาคือใน Windows 8 นั้นกลับตัดเอา UI ในส่วนที่ใช้ทำ Wifi Tethering (หรือที่เราเคยเรียกกันว่า Adhoc) ออกไป แต่ยังนับว่าเป็นโชคดีที่เราสามารถสั่งงานมันผ่านคำสั่ง netsh ใน command prompt ได้ (ต้องรันเป็น Administrator เท่านั้น) ด้วยคำสั่งสั้นๆ ประมาณนี้

สร้าง Hotspot

netsh wlan set hostednetwork mode=allow ssid=ชื่อวายฟาย key=รหัสผ่าน

เริ่มการทำงาน

netsh wlan start hostednetwork

หยุดการทำงาน

netsh wlan stop hostednetwork

ปกติผมจะเซฟเป็นไฟล์ .bat เอาไว้ และรันเอาเองทีละไฟล์ แต่หลังๆ ชักจะรู้สึกว่ามันรก เลยเขียนเป็นโปรแกรมเล็กๆ ขึ้นมาใช้เองเสียเลย

แจ้งเตือน Facebook comments ผ่านอีเมล

jirayu on May 10, 2013

บล็อกหลายแห่งในปัจจุบัน ต่างหันมาใช้ Facebook comments หรือระบบคอมเมนต์อื่นๆ แทนระบบคอมเมนต์เดิมของ CMS ข้อดีของมันคือเมื่อมีคนคอมเมนต์ มันจะแชร์ไปยังโปรไฟล์ของพวกเขาอัตโนมัติ ทำให้มีโอกาสเพิ่มจำนวนผู้เข้าชมให้กับเว็บของคุณได้

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

ยังโชคดีที่ Facebook SDK นั้นมีสิ่งที่เรียกว่า event subscribe ทำให้เราสามารถดักเหตุการณ์ได้ว่าเมื่อมีการคอมเมนต์ จะให้ทำอะไรต่อไป ด้วยโค๊ดสั้นๆ ดังนี้

FB.Event.subscribe('comment.create', function(a) {
	// Event Handler
});

แต่อย่าเพิ่งตกใจไปครับ วันนี้ผมไม่ได้พามาเขียนโปรแกรมให้ยุ่งยาก แต่จะมาแนะนำปลั๊กอินที่ทำหน้าที่นี้ให้เราแทน กับปลั๊กอินที่ชื่อว่า Ultimate Facebook Comments Email Notify

พื้นฐานการทำเว็บแบบ Responsive

jirayu on May 9, 2013

Responsive design คือการทำเว็บให้โค๊ดเพียงชุดเดียว สามารถใช้ได้กับจอหลายๆ ขนาด เช่นจอคอมพิวเตอร์ จอแท็บเล็ต หรือจอโน๊ตบุค ซึ่งการทำเว็บแบบ responsive นั้น มักจะใช้สำหรับแก้ปัญหาการทำเว็บเวอร์ชันมือถือ ที่มักจะมีฟีเจอร์เป็นรองเว็บหลักอยู่เสมอๆ เนื่องจากเว็บ responsive นั้น ฟีเจอร์ต่างๆ บนเว็บจะยังอยู่ “ค่อนข้างครบ” แต่จะถูกจัดเรียงใหม่ให้เหมาะสมกับขนาดจอนั่นเอง ต่างจากการทำเว็บเวอร์ชันมือถือแยก ที่ฟีเจอร์ต่างๆ มักจะตามมาไม่ครบนั่นเองครับ

Media Query หัวใจสำคัญของ Responsive

สิ่งแรกที่ผู้อ่านควรจะรู้จัก นั่นคือ media query ใน CSS เพราะมันถือเป็นหัวใจสำคัญของ responsive เลยทีเดียว ซึ่งเจ้า media query นี้ จะช่วยให้เราตรวจสอบเกี่ยวกับการแสดงผลของอุปกรณ์ที่เปิดเว็บเราอยู่ได้ครับ เช่นตรวจสอบความกว้าง ความสูง ตรวจสอบการเอียงเครื่อง (แนวตั้งหรือแนวนอน) ตรวจสอบอัตราส่วนจอภาพ ตรวจสอบจำนวนสี หรือใช้ตรวจสอบมุมมองสำหรับพิมพ์ก็ได้เช่นกัน