Tags:
Node Thumbnail

ความเดิมตอนที่แล้ว รู้จักกับ HTML5 - ภาคหนึ่ง HTML5 คืออะไร?

ตอนแรกเราดู "ภาพรวม" ของ HTML5 ไปแล้ว คราวนี้จะมาดูเจาะเป็นบางประเด็นให้ละเอียดขึ้นนะครับ สำหรับตอนที่สองจะเป็นเรื่องของ Web Video หรือ HTML5 Video ซึ่งเป็นที่สนใจต่อสาธารณะไม่น้อย โดยเฉพาะในเรื่อง "สงคราม codec" ที่ยังไม่จบไม่สิ้น และกลายเป็นความซวยของนักพัฒนาเว็บไปแทน

Tags:
Topics: 
Node Thumbnail

David Dorwin, Adrian Bateman และ Mark Watson วิศวกรของบริษัท Google, Microsoft และ Netflix ตามลำดับ ได้ตีพิมพ์ร่าง "Encrypted Media Extensions" หรือ API extension สำหรับการป้องกันการละเมิดลิขสิทธิ์คอนเทนต์บนเว็บตามมาตรฐาน HTML5 ไปยัง World Wide Web Consortium (W3C) โดยชุด API ดังกล่าวจะเพิ่มการสนับสนุนการเล่นไฟล์มีเดียที่ได้รับการป้องกันการละเมิดลิขสิทธิ์ให้กับ HTMLMediaElement

วิศวกรทั้งสามกล่าวว่าร่าง API นี้เป็นเพียงโค้ดที่เพื่อถอดรหัส (decrypt) คอนเทนต์เท่านั้น และสามารถทำงานร่วมกับโมดูลเสริมภายนอกเพื่อสร้างกลไกการถอดรหัสที่เหมาะสมตามแต่การใช้งานได้

Tags:
Node Thumbnail

บทความชุดนี้จะแนะนำข้อมูลเบื้องต้น (ย้ำว่า "เบื้องต้น") ของเทคโนโลยีใหม่ที่ทุกคนจับตาอย่าง HTML5 เพื่อเตรียมความพร้อมและปูพื้นฐานของ HTML5 ให้กับนักพัฒนาเว็บในประเทศไทย

ภาคแรกของบทความนี้จะกล่าวถึงข้อมูลของ HTML5 ในภาพรวม ว่ามันคืออะไร มันทำอะไรได้บ้าง ก่อนจะเข้าสู่รายละเอียดของเทคโนโลยีบางตัวที่สำคัญในภาคต่อๆ ไป

Tags:
Node Thumbnail

Chrome 17 ออกรุ่นจริงไปแล้ว ก็ถึงคิวของ Chrome 18 ที่จะเข้าสถานะ Beta ครับ

ของใหม่ใน Chrome 18 Beta เกี่ยวข้องกับการแสดงภาพกราฟิกในแท็ก <canvas> ของ HTML5 สองอย่าง

Tags:
Node Thumbnail

การแข่งขันออกแบบเว็บไซต์ด้วย HTML5 เต็มรูปแบบ จัดโดยไมโครซอฟท์ประเทศไทย ร่วมกับการท่องเที่ยวแห่งประเทศไทย (ดังนั้นหัวข้อของเว็บที่แข่งจึงเป็นเรื่องการท่องเที่ยว) งานนี้ Blognone ร่วมเป็นสปอนเซอร์ด้วย และผมก็เป็นหนึ่งในกรรมการตัดสินด้วย (ใครจะล็อบบี้ก็รีบๆ นะครับ :P)

การแข่งขันครั้งนี้จะรวมเอาเทคโนโลยีการออกแบบเว็บสมัยใหม่มาไว้ครบถ้วน ตั้งแต่ HTML5 เพียวๆ ห้ามใช้ Flash, ให้เลือกใช้ JavaScript Library ยอดนิยม, การออกแบบแนว responsive เวอร์ชันเดียวแสดงได้ทุกหน้าจอ, ทดสอบกับเบราว์เซอร์ใหม่ล่าสุดเท่านั้น ฯลฯ

Tags:
Node Thumbnail

หลังจากกูเกิลประกาศโอเพนซอร์สโครงการ WebRTC ไปเมื่อกลางปีที่แล้ว และได้รับความสนใจจากทั้ง Opera และ Firefox ถึงตอนนี้ Chrome ก็เป็นเบราเซอร์ตัวแรกที่รองรับเทคโนโลยี WebRTC แบบทดลองเป็นตัวแรก

โครงการ WebRTC คือการสร้าง API มาตรฐานสำหรับการดึงไมโครโฟนและเว็บแคมของคอมพิวเตอร์มาใช้งาน ทำให้เว็บสามารถดึงภาพและเสียงจากเครื่องแล้วส่งข้อมูลไปยังเซิร์ฟเวอร์ได้ตามเวลาจริง ทำให้เราสามารถสร้างห้องแชตวิดีโอโดยไม่ต้องการปลั๊กอินใดๆ เพิ่มเติม เช่นที่ทุกวันนี้ Google Talk, และ Hangout ของกูเกิลต้องการปลั๊กอิน Google Talk แยกออกมาเพื่อทำงาน

Tags:
Node Thumbnail

แล้วก็ได้ฤกษ์เจริญรอยตาม Angry Birds และ Bejeweled เมื่อ Cut the Rope ออกเวอร์ชัน HTML5

แต่สิ่งที่เปลี่ยนไปเล็กน้อยคือ ผู้ให้การสนับสนุนบริษัท ZeptoLab ผู้ผลิตเกมกลับเป็น IE9 (ต่างจากเกม HTML5 อื่นๆ ที่มักได้รับการสนับสนุนจาก Google Chrome) ซึ่งมี exclusive เป็นด่านพิเศษ 7 ด่าน ที่สามารถเล่นได้ผ่านการ "ปักหมุด" หน้าต่างเกมนี้เมื่อเปิดโดย IE9 ลงบน taskbar เท่านั้นครับ

อยากเล่นแล้ว? เข้าไปตัดเชือกกันได้เลยที่ CutTheRope.ie

Tags:
Node Thumbnail

ช่วงต้นปีมักจะมีการทำนายสถานการณ์ของวงการต่างๆ จนเป็นเรื่องปกติไปแล้ว คราวนี้เป็นทีของเว็บไซต์ข่าวแนวพัฒนาเว็บไซต์ และนักออกแบบอย่าง SitePoint ออกมาทำนายแนวโน้มของวงการเว็บในปี 2012 ว่าจะเป็นอย่างไรบ้าง ว่าแล้วก็ไปดูกัน

Chrome จะแซง Internet Explorer

ด้วยอัตราการเติบโตของ Chrome ที่โตวันโตคืน ล่าสุดแซง Firefox ขึ้นมาเป็นอันดับสองแล้วเมื่อเดือนพฤศจิกายนปีที่แล้ว (ดูข่าวเก่า) ถ้ายังสามารถเติบโตในระดับนี้ต่อไปได้เรื่อยๆ คงแซง Internet Explorer ในปีนี้แน่นอน

Tags:
Node Thumbnail

โอกาสของนักพัฒนาเว็บชาวไทยมาอีกแล้วครับ โดยบริษัท Pokki ซึ่งทำเอนจินสำหรับแอพ-เกมที่ใช้ HTML5/CSS3 เป็นเครื่องมือพัฒนา จัดการแข่งขัน Pokki 1UP ประกวดเกมที่สร้างด้วย HTML5

รางวัลใหญ่ของการแข่งขันครั้งนี้คือเงินสด 30,000 ดอลลาร์ (ประมาณ 9.5 แสนบาท) พร้อมตั๋วเครื่องบิน โรงแรม และค่าเข้าชมงานสัมมนา Game Developers Conference 2012 ที่ซานฟรานซิสโก ส่วนอันดับรองๆ ลงไปจะเป็นเงินสด 13,000 ดอลลาร์และ 7,000 ดอลลาร์ตามลำดับ

กติกาโดยรวมค่อนข้างเปิดกว้าง สามารถส่งประกวดในนามทีมได้ (ไม่เกิน 5 คน) ใช้เกมเอนจินและไลบรารีอื่นๆ นอกจาก Pokki ได้ (ยกเว้นห้ามใช้ Flash) และคนไทยมีสิทธิเข้าประกวดได้ด้วย เส้นตายค่อนข้างกระชั้นคือ 20 กุมภาพันธ์นี้

ที่มา - Pokki 1UP, ReadWriteWeb

Tags:
Node Thumbnail

เว็บไซต์ MeFeedia รวบรวมสถิติของวิดีโอบนอินเทอร์เน็ต พบว่าวิดีโอถูกแปลงให้เข้ารหัสแบบ H.264 มากขึ้นอย่างก้าวกระโดด โดยในเดือนมกราคม 2010 มีวิดีโอเพียง 10% ที่เข้ารหัสแบบ H.264 แต่ในเดือนธันวาคมนี้ ตัวเลขเพิ่มเป็น 80% แล้ว

เหตุผลสำคัญก็มาจากความนิยมใน HTML5 และผลจากอุปกรณ์พกพาหลายๆ ชนิดไม่สามารถเล่นวิดีโอที่เข้ารหัสด้วย codec ของ Flash อย่าง VP6 หรือ Sorenson Sparks ได้ ทำให้เว็บไซต์และผู้ให้บริการจำนวนมากต้องแปลงวิดีโอเป็น H.264 เพื่อให้วิดีโอไฟล์เดียวสามารถให้บริการได้ทั้งแบบ Flash และ HTML5 นั่นเอง

Tags:
Node Thumbnail

บริษัท TeleNav ซึ่งเป็นผู้ใช้บริการแผนที่-ระบบนำทางด้วย GPS รายใหญ่ของโลก ประกาศออกแอพเวอร์ชัน HTML5 ที่ทำงานบนเบราว์เซอร์ แต่ยังคงฟีเจอร์สำคัญๆ อย่างการนำทางด้วยเสียงหรือการจับพิกัดด้วย GPS ผู้ใช้ไม่จำเป็นต้องเป็นลูกค้าเก่าของ TeleNav ขอเพียงแค่มีสมาร์ทโฟนที่รองรับ HTML5 เท่านั้น

แอพตัวนี้ยังไม่เปิดให้บริการต่อสาธารณะ โดยช่วงนี้จะเปิดทดสอบกับนักพัฒนาบางกลุ่มก่อน และจะให้บริการในวงกว้างในช่วงต้นปี 2012

Tags:
Node Thumbnail

บริษัทวิจัย Strategy Analytics ประเมินจำนวนมือถือที่รองรับเทคโนโลยี HTML5 ว่าจะเติบโตอย่างรวดเร็ว โดยเพิ่มจาก 336 ล้านเครื่องในปีนี้ ไปเป็น 1 พันล้านเครื่องในปี 2013

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

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

Tags:
Node Thumbnail

ในสภาวะที่หลายฝ่ายต่างพากันหันไปหา HTML5 มากกว่า Flash จากเหตุที่ Adobe ประกาศเลิกทำ Flash Mobile เพราะ Apple เป็นต้นเหตุ (ข่าว, คำชี้แจงของ Mike Chambers) ด้วยเหตุนี้เครื่องมือที่ช่วยในการทำ HTML5 จึงจำเป็นถึงขั้นมากที่สุด แต่ในเวลานี้เครื่องมือที่สามารถใช้ได้จริงๆ ก็มีเพียงแค่ Dreamweaver CS5.5 กับ Edge จาก Adobe เท่านั้น ดังนั้นฝั่งกูเกิลจึงเปิดตัว Google Swiffy ซึ่งเป็น Extension เสริมสำหรับ Flash Professional โดยมันจะช่วยในการ

Tags:
Node Thumbnail

หลังจากการปล่อย Bing สู่ระบบปฏิบัติการ iOS และ Android ไปสักระยะ แม้ว่าจะได้รับเสียงตอบรับดีจากผู้ใช้ แต่ Microsoft ก็คงไม่หยุดเท่านั้น เพราะว่า ระบบยังไม่ได้ใช้โค้ดที่ "สดใหม่" อย่าง HTML5 ล่าสุดจึงได้ออกอัพเดตเพื่อบรรจุ Bing ในแบบ HTML5 ลงระบบ ซึ่งนี้ถือเป็นการอัพเดตที่ใหญ่ที่สุดของ Bing App

Tags:
Topics: 
Node Thumbnail

โนเกียเคยแสดงเว็บแผนที่แบบ HTML5 ของตัวเองในงาน Where 2.0 เมื่อต้นปีไปก่อนหน้านี้แล้ว และในวันนี้ทางโนเกียก็นำบริการนี้ออกมาให้คนทั่วไปใช้งานกันได้ฟรี พร้อมบริการหาเส้นทาง

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

รองรับทั้ง Chrome, Android 2.2 ขึ้นไป, และ iOS4 ขึ้นไป

คำถามที่อยากถามคือ เพื่ออะไร?

Tags:
Node Thumbnail

เว็บไซต์ SlideShare สำหรับฝากไฟล์สไลด์-เอกสารนำเสนอออนไลน์ ประกาศว่าจะเลิกใช้เทคโนโลยี Flash ที่ใช้แสดงสไลด์ มาใช้ HTML5 แทน

เอกสารทั้งหมดที่อยู่บน SlideShare จะถูกแปลงเป็น HTML5 โดยอัตโนมัติ (ผู้ใช้ไม่ต้องทำอะไรเพิ่ม) เหตุผลของ SlideShare คือการแสดงผลบนอุปกรณ์พกพา (SlideShare เลือกจะไม่ทำแอพมือถือ แต่ใช้แนวทางเว็บแอพแทน) เรื่องประสิทธิภาพ (เร็วขึ้น 30%) และการใช้ HTML5 ให้ความรู้สึกว่าเป็นอันหนึ่งอันเดียวกับเว็บมากขึ้น

รายละเอียดดูได้ใน SlideShare HTML5 หรือ "สไลด์" เวอร์ชัน HTML5 ด้านล่าง

Tags:
Node Thumbnail

วันนี้ผมมีโอกาสได้นั่งคุยกับทีมวิศวกรของกูเกิล บางส่วนของชุดที่จะมาพูดในงาน Google DevFest 2011 ที่มหาวิทยาลัยเชียงใหม่ วันเสาร์นี้ ก็ขอนำประเด็นที่ได้ มาพรีวิวให้ดูว่า DevFest รอบนี้จะมีอะไรบ้าง

ตารางของงาน ดูจากลิงก์ข้างต้นกันเองนะครับ ส่วนรายละเอียดของประเด็นที่จะนำเสนอในงาน ดูที่ Google DevFests 2011 Sessions

Tags:
Node Thumbnail

Adobe Systems รายงานผลประกอบการไตรมาสที่สามตามปฏิทินบริษัท มีกำไรสุทธิ 195.1 ล้านดอลลาร์ ลดลง 15% จากไตรมาสเดียวกันในปีก่อน แต่ก็ดีกว่าที่นักวิเคราะห์คาดกันไว้ ส่วนรายได้รวมนั้นเพิ่มขึ้น 2.3% เป็น 1.01 พันล้านดอลลาร์ โดย Adobe อธิบายว่าสาเหตุที่กำไรลดลงนั้นมาจากการมีค่าใช้จ่ายหุ้นสวัสดิการสำหรับพนักงานเพิ่มขึ้นมา และยังได้รับสิทธิพิเศษทางภาษีลดลง

ซีอีโอ Shantanu Narayen กล่าวว่าแม้จะมีความกังวลว่า HTML5 จะมาลดทอนความสำคัญของ Flash ลง แต่เขากลับมองว่านี่ถือเป็นโอกาสที่สำคัญครั้งใหญ่สำหรับ Adobe และบริษัทได้เพิ่มเงินลงทุนในด้านซอฟท์แวร์ที่เกี่ยวข้องกับ HTML5 ถึงสองเท่าตัว

Tags:
Node Thumbnail

คุณ Scott Barnes อดีตผู้จัดการผลิตภัณฑ์สาย Rich Platforms ออกมาเปิดเผยว่า Silverlight ได้จบลงแล้ว เพราะเขารู้มาว่าแบรนด์ Silverlight นี้กำลังจะถูกยุบ ทีมงานส่วนใหญ่ก็ถูกโยกย้ายไปอยู่ทีมอื่น และที่เหลือก็ทยอยลาออกจากบริษัทกันแล้ว และนี่ก็เป็นเหตุผลที่คุณ Scott Guthrie ผู้บริหารฝ่ายเครื่องมือพัฒนา (ซึ่งเป็นคนที่ดู Silverlight มาตั้งแต่แรก) ไม่ได้ขึ้นพูดที่งาน BUILD

Tags:
Node Thumbnail

โนเกียได้เปิดตัวบริการ Nokia Maps for Mobile Web เวอร์ชันเบต้า สำหรับ iOS (4.3 ขึ้นไป), Android (2.2, 2.3) และเวอร์ชันแอลฟา สำหรับ BlackBerry (6.0 ขึ้นไป) ซึ่งทั้งหมดได้รับการพัฒนาบนพื้นฐานของ HTML5 บริการนี้ประกอบด้วยมุมมองแผนที่ มุมมองดาวเทียม มุมมองเส้นทางระบบขนส่งสาธารณะ และมุมมองสภาพการจราจร รวมถึงสามารถแนะนำเส้นทาง (ทั้งขับรถและเดิน) ไปยังปลายทางที่ระบุ และแนะนำสถานที่ใกล้เคียง (nearby place) ได้

Tags:
Node Thumbnail

ในสมัยที่ HTML5 ยังไม่ดังนั้นกูเกิลพยายามบุกโลกแอพลิเคชั่นมาแล้วครั้งหนึ่งโดยพัฒนา Google Gears เป็นปลั๊กอินให้กับเบราเซอร์ทุกตัวแต่หลังจากกระแส HTML5 ถ่าโถมจนกระทั่งไมโครซอฟท์เองก็ต้องยอมตามกระแสนี้ และกูเกิลก็เองก็หยุดการพัฒนา Gears ลงไปเมื่อปีที่แล้ว จนกระทั่งถอดออกจาก Chrome ในรุ่นที่ 12

ปัญหาคือบริการของกูเกิลเช่น Google Reader และ Gmail นั้นเคยมีฟีเจอร์ออฟไลน์มาก่อน แต่ถูกถอดออกไปก่อน Gears ที่จะถอดจาก Chrome เสียอีก แม้กูเกิลบอกว่าจะใช้ WebStorage API ใน HTML5 มาแทน แต่จนทุกวันนี้ฟีเจอร์นี้ก็ยังไม่กลับมา

Tags:
Node Thumbnail

ใน Android นั้นปัญหาอย่างหนึ่งที่ถูกแก้ไปอย่างดีคือการทำงานร่วมกันระหว่างแอพพลิเคชั่นที่มีระบบ Intent ที่เป็นตัวเชื่อมระหว่างแอพพลิเคชั่นต่างๆ ได้เป็นอย่างดี เปิดโอกาสให้บริการใหม่ๆ สามารถให้บริการได้เช่นบริการอ่าน QR Code นั้นสามารถเขียนกันคนละแอพพลิเคชั่นจากนักพัฒนาที่ไม่เกี่ยวข้องกันแต่ให้บริการแทนกันได้ และวันนี้กูเกิลก็พยายามนำแนวคิดแบบเดียวกันให้มาอยู่ในเว็บ ในชื่อ Web Intents

กูเกิลยกตัวอย่างการแก้ไขรูปภาพ โดยเว็บฝากรูปดีๆ สักเว็บอาจจะไม่สามารถพัฒนาเว็บสำหรับแก้ไขรูปภาพได้ด้วยตัวเอง เว็บฝากรูปนั้นสามารถเรียก Intent สำหรับแก้ไขรูปภาพขึ้นมาลอยๆ โดยไม่รู้ว่าจะมีเว็บใดให้บริการแก้ไขรูปภาพบ้าง

Tags:
Node Thumbnail

ปีที่แล้ว Twitter เปลี่ยนหน้าเว็บมาเป็นแบบใหม่ New Twitter (หมายถึงแบบที่เป็นอยู่ในปัจจุบัน) แต่ก็ยังเก็บหน้าเว็บแบบเดิมที่เป็นคอลัมน์เดียวเอาไว้ สำหรับคนที่ชอบแบบเก่ามากกว่าก็ยังเลือกใช้แบบเก่าได้

ล่าสุด Twitter ออกมาประกาศแล้วว่าจะยกเลิกหน้าเว็บแบบเก่าแล้ว และเปลี่ยนมาใช้แบบใหม่ทั้งหมดภายในสัปดาห์นี้ - Twitter

Tags:
Topics: 
Node Thumbnail

อธิบายแบบง่ายๆ Adobe Edge คือ Adobe Flash Professional แต่เป็นภาค HTML5/JavaScript/CSS3 แทนที่จะเป็น ActionScript หน้าที่ของมันเหมือนกันคือสร้างแอนิเมชันและเนื้อหาแบบอินเทอร์แอคทีฟ

Adobe เปิดตัว Edge เมื่อปีที่แล้ว และวันนี้ได้ออกรุ่น Early Preview มาให้ทดสอบ ฟีเจอร์ก็ตามมาตรฐานของโปรแกรมตระกูลนี้ มีเครื่องมือสร้างแอนิเมชันและเอฟเฟคต์ต่างๆ มาให้ โค้ดส่วนของแอนิเมชันจะแยกจาก HTML และเก็บในรูป JSON

เมื่อพัฒนาเสร็จจนออกรุ่นจริง ก็น่าจะถูกรวมเข้ากับชุด Creative Suite เช่นเดียวกับรุ่นพี่อีกหลายราย

Pages