HTML5

A Journey through Middle-Earth เกมใหม่จาก Chrome Experiment

By nismod

on 19 November 2014 - 20:15 Tag: Google, Chrome, HTML5, Games

Google

กูเกิลได้ปล่อยเกม A Journey through Middle-Earth ในโครงการ Chrome Experiment โดยอิงกับภาพยนตร์เรื่อง The Hobbit และ The Lord of the Rings

ผู้เล่นจะได้ท่องไปในมัชฌิมโลก ตามรอยเหตุการณ์และสถานที่ต่างๆ ที่เกิดขึ้นผ่านแผนที่ ขณะเดียวกันสามารถเข้าร่วมสงครามใหญ่ที่เกิดขึ้นในภาพยนตร์ได้ด้วยเช่นกัน และที่สำคัญคือรองรับภาษาไทยด้วยครับ

หากสนใจและคิดว่าเครื่องแรงพอ เข้าไปเล่นกันได้ที่นี่ครับ

ที่มา - The Next Web

มาตรฐาน HTML 5.0 เสร็จสมบูรณ์, ก้าวสู่ยุคของ HTML 5.1

By mk

on 29 October 2014 - 08:11 Tag: Standard, W3C, HTML5

Standard

การเดินทางอันยาวนานของ HTML5 นับสิบปี ตั้งแต่การฟอร์มทีมร่างมาตรฐาน WHATWG ในปี 2004 ก็มาถึง "ก้าวแรก" เมื่อองค์กรกำกับมาตรฐานเว็บ W3C ประกาศรับรองมาตรฐาน HTML 5.0 อย่างเป็นทางการ (มีสถานะเป็น "Recommendation")

ฟีเจอร์ใหม่ๆ ของ HTML5 ก็เป็นไปตามที่ Blognone เสนอข่าวมาโดยตลอด (และทุกวันนี้เราก็ใช้กันเยอะแล้วเพราะเบราว์เซอร์รองรับกันก่อนเป็นมาตรฐาน) เช่น <audio>/<video>, Canvas, SVG, MathML เป็นต้น

รู้จัก Web Components - ปฏิวัติการเขียน UI บน HTML ด้วยการสร้างคอมโพเนนต์

By mk

on 7 July 2014 - 13:03 Tag: In-Depth, Browser, Standard, HTML5, Web Components

In-Depth

คนที่ติดตามงาน Google I/O 2014 คงได้ยินชื่อโครงการ Polymer ของกูเกิลกันมาบ้าง มันคือ "__ไลบรารี__สำหรับสร้าง UI ด้วยเทคโนโลยีเว็บ" ที่พัฒนาขึ้นบน__มาตรฐานเว็บ__ตัวใหม่ Web Components ที่ว่ากันว่าจะปฏิวัติแนวคิดของการเขียนเว็บแบบเดิมๆ ไปอย่างสิ้นเชิง
บทความนี้จะแนะนำแนวคิดของ Web Components ในฐานะมาตรฐานที่กำลังพัฒนาขึ้นโดยคณะทำงานของ W3C ก่อนจะกล่าวถึง Polymer ในตอนต่อไป (ผู้อ่านควรมีพื้นฐานด้านการพัฒนาเว็บมาบ้างพอสมควร)

PhoneGap Developer App แอพพรีวิวแอพที่ทำจาก PhoneGap มาบน WP8 แล้ว

By nuntawat

on 28 June 2014 - 12:08 Tag: Development, HTML5, PhoneGap, Windows Phone 8, Adobe

Development

ถึงแม้ทีมงาน PhoneGap เครื่องมือพัฒนาแอพแบบข้ามแพลตฟอร์มด้วย HTML5 ประกาศรองรับการสร้างแอพ Windows Phone 8 เต็มรูปแบบตั้งแต่ต้นปีที่แล้ว แต่ก็เพิ่งปล่อยแอพ PhoneGap Developer App เมื่อเดือนที่แล้วนี่เอง

Netflix เปลี่ยนระบบการฉายวิดีโอบน OS X จาก Silverlight เป็น HTML5

By mk

on 4 June 2014 - 13:14 Tag: Silverlight, HTML5, Online Video, OS X, Yosemite, Netflix

Silverlight

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

เจ้าพ่อแห่งบริการดูหนังออนไลน์ Netflix เดิมทีนั้นให้บริการผ่านระบบ Silverlight ของไมโครซอฟท์ (ด้วยเหตุผลเรื่อง DRM เป็นสำคัญ) แต่ก็เคยประกาศว่ากำลังเปลี่ยนผ่านจาก Silverlight มาเป็น HTML5 หลังจากวิดีโอบน HTML5 เริ่มมีฟีเจอร์ตามทัน Silverlight/Flash มากขึ้น

ไมโครซอฟท์โอเพนซอร์ส WinJS ด้วยสัญญาอนุญาต Apache 2.0

By lew

on 3 April 2014 - 04:23 Tag: Windows, Open Source, Development, HTML5, Microsoft

Windows

ชุดพัฒนาแอพพลิเคชั่นแบบ Modern UI ของไมโครซอฟท์นั้น หากจะพัฒนาด้วยจาวาสคริปต์จะต้องใช้ไลบรารีสำคัญคือ WinJS และตอนนี้ไมโครซอฟท์ก็ประกาศเปิดซอร์ส WinJS เป็นไลเซนส์ Apache 2.0 ให้ไปใช้งานในแพลตฟอร์มอื่นๆ แล้ว

WinJS เป็นไลบรารีเพื่อการพัฒนาแอพพลิเคชั่นที่ช่วยให้พัฒนาแอพพลิเคชั่นแบบ Modern UI บนหน้าเว็บได้ง่าย ขณะเดียวกันด้านหลังก็ยังมีไลบรารีช่วยจัดการทำงานอีกหลายอย่าง เช่น Promises ที่ช่วยประมวลผลแบบ asynchronous, Scheduler จัดลำดับการประมวลผลตามความสำคัญ

Amazon Appstore เปิดให้ "ขาย" เว็บแอพที่สร้างด้วย HTML5 แล้ว

By mk

on 29 January 2014 - 16:18 Tag: Development, Web Application, HTML5, Mobile App, Amazon Appstore

Development

ในรอบปีที่ผ่านมาเราเห็นความพยายามผลักดัน "แอพที่สร้างด้วย HTML5" ให้มีศักดิ์ฐานะเท่าเทียมกับแอพแบบเนทีฟมากขึ้นเรื่อยๆ (ข่าวล่าสุด: กูเกิลออกเครื่องมือแปลง Chrome Apps ไปเป็นแอพรันบน Android/iOS)

ทิศทางของอเมซอนก็ไปในทางเดียวกับกูเกิล โดยเมื่อปีที่แล้ว Amazon Appstore เพิ่มหมวด "เว็บแอพ" ที่เขียนด้วย HTML5 เข้ามาเป็นการทดสอบตลาด โดยยังจำกัดว่าแอพ HTML5 ต้องเป็นแอพฟรีเท่านั้น

Vimeo เปลี่ยนตัวเล่นวิดีโอใหม่เป็น HTML5, การันตีโหลดเร็วกว่าเดิม

By mk

on 8 January 2014 - 22:53 Tag: HTML5, Vimeo

HTML5

เว็บไซต์วิดีโอชื่อดัง Vimeo ประกาศเปลี่ยนระบบของตัวเล่นวิดีโอ (video player) เป็นเวอร์ชันใหม่ให้เข้ากับยุคสมัยของเทคโนโลยีที่เปลี่ยนไป ถึงแม้ว่าหน้าตามันจะเหมือนเดิมแต่ Vimeo บอกว่าแทบจะเขียนข้างหลังใหม่ทั้งหมด

Chrome Beta รองรับการจำลองจอภาพอุปกรณ์เคลื่อนที่, ดีบั๊กแบบรีโมต

By lew

on 4 December 2013 - 16:29 Tag: Development, Chrome, HTML5

Development

Chrome Beta เพิ่มฟีเจอร์สำหรับนักพัฒนาเว็บสองฟีเจอร์ใหม่เพื่ออำนวยให้นักพัฒนาสามารถพัฒนาเว็บสำหรับอุปกรณ์เคลื่อนที่ได้สะดวกยิ่งขึ้น ได้แก่ การจำลองหน้าจอสำหรับอุปกรณ์โมบาย และการดีบั๊กเว็บในอุปกรณ์แอนดรอยด์โดยตรง

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

ผู้บริหารซัมซุงบอก Tizen กับ Firefox OS เป็นเพื่อนกันได้

By mk

on 29 November 2013 - 23:44 Tag: Samsung, HTML5, Tizen, Firefox OS, Mobile

Samsung

Wansuk Lee ผู้บริหารของซัมซุงไปพูดที่งานสัมมนาด้าน HTML5 ในเกาหลีใต้ โดยระบุว่า Tizen ควรจับมือเป็นพันธมิตรกับ Firefox OS เพื่อผลักดันแอพ HTML5 ไปด้วยกัน

Lee บอกว่าทั้ง Tizen และ Firefox OS เป็นระบบปฏิบัติการโอเพนซอร์สและรองรับแอพด้วย HTML5 ทั้งคู่ (Tizen รองรับแอพแบบ native ด้วย) ดังนั้นการช่วยเหลือกันเพื่อให้แอพ HTML5 ขยายตัวจึงเป็นสิ่งจำเป็น ที่สำคัญทั้งสองค่ายควรมองข้ามโลกอุปกรณ์พกพาไปยังอุปกรณ์ชนิดใหม่ๆ เช่น รถยนต์หรือเครื่องใช้ไฟฟ้าอีกด้วย

[สู่โลกที่ไร้ Flash] Firefox ทดลองฟีเจอร์แปลง SWF เป็น HTML5

By mk

on 4 October 2013 - 21:18 Tag: Firefox, Adobe Flash, Browser, JavaScript, HTML5, Mozilla

Firefox

Mozilla เริ่มผนวกฟีเจอร์ของโครงการ Shumway เข้ามาใน Firefox 27 รุ่น Nightly แล้ว

Shumway เป็นซอฟต์แวร์ที่ทำหน้าที่อ่านไฟล์ SWF ที่สร้างด้วย Adobe Flash แล้วแปลงมันออกมาเป็น HTML5/JavaScript เพื่อแสดงผลบนเว็บเบราว์เซอร์โดยไม่ต้องติดตั้ง Flash Player นั่นเอง

เบื้องต้น Shumway เริ่มแปลงไฟล์ SWF แบบง่ายๆ ได้แล้ว แต่คงต้องพัฒนากันอีกนานพอสมควรกว่าจะใช้แทน Flash ได้เต็มตัว ถ้าโครงการนี้ออกมาดีเราคงเห็น Shumway ถูกเปิดใช้เป็นดีฟอลต์ใน Firefox รุ่นเสถียรต่อไป

ไมโครซอฟท์คืนชืพ Hover ในรูปแบบ HTML5 เพื่อโปรโมต IE11

By Be1con

on 2 October 2013 - 23:03 Tag: HTML5, Internet Explorer, Microsoft, Games

HTML5

สำหรับผู้ใช้ Windows 95 คงจะรู้จักเกมรถบั๊มเก็บธงในตำนานอย่าง Hover เป็นอย่างดี ซึ่งตอนนี้อายุของมันก็เข้าใกล้ 20 ปีเต็มแก่แล้ว ล่าสุดไมโครซอฟท์ได้นำเกมนี้มาคืนชีพในรูปแบบ HTML5 ที่ผสานกับ WebGL และ JavaScript API ซึ่งจะทำให้ผู้เล่นสามารถเล่นเกมได้โดยไม่ต้องใส่ plug-in ใด ๆ เลย

แน่นอนว่าถ้าหากไมโครซอฟท์ทำเกมในลักษณะนี้ ย่อมทำมาเพื่อโปรโมต Internet Explorer เป็นธรรมดา และเกมนี้ก็เช่นกัน เกม Hover ในเวอร์ชั่น HTML5 นี้ทำมาเพื่อโปรโมต Internet Explorer 11 ครับ

สำหรับคนที่อยากย้อนความหลังของเกมนี้ สามารถเล่นได้ที่ hover.ie ได้เลยครับ

NetBeans 7.4 เน้นการพัฒนาแอพมือถือด้วย HTML5

By mk

on 24 September 2013 - 18:26 Tag: Development, NetBeans, HTML5, PhoneGap, Cordova

Development

ออราเคิลออก NetBeans 7.4 รุ่น RC1 รับงาน Oracle OpenWorld โดยของใหม่ที่สำคัญในรุ่นนี้คือรองรับการพัฒนาแอพมือถือ (Android/iOS) ด้วย HTML5

ฟีเจอร์ด้าน HTML5 ที่เพิ่มเข้ามาใน NetBeans 7.4 มีหลายอย่าง ได้แก่ ใช้งานกับเฟรมเวิร์ค Apache Cordova (เรารู้จักกันในชื่อ PhoneGap), ซิมูเลชั่นสำหรับทดสอบแอพกับเบราว์เซอร์บน Android/iOS, ใช้งานร่วมกับเครื่องมือพัฒนาของ Chrome ได้, ตัว editor รองรับไฟล์สไตล์ชีทตระกูล SASS และ LESS แล้ว, แก้ไขไฟล์ของเฟรมเวิร์ค AngularJS/Knockout/ExtJS ได้แล้ว

Mozilla เตรียมแจกมือถือ Firefox OS ให้นักพัฒนาพอร์ตแอพ HTML5

By mk

on 5 September 2013 - 09:11 Tag: Development, HTML5, Mobile App, Firefox OS, Mozilla

Development

Mozilla เตรียมผลักดันการสร้างแอพ HTML5 มารันบนมือถือ Firefox OS โดยจะแจกมือถือ Geeksphone Keon ให้นักพัฒนาฟรี

เงื่อนไขกำหนดว่านักพัฒนาต้องมีแอพ HTML5 อยู่ก่อนแล้ว โดยจะเป็นเว็บแอพหรือแอพมือถือบนแพลตฟอร์มอื่นๆ ที่ใช้เทคโนโลยีเว็บ (Amazon Web Apps, Blackberry WebWorks, Chrome Web Store, webOS, PhoneGap) หรือจะเป็นแอพบน iTunes, Google Play ที่ใช้เทคนิค HTML5 wrapper อย่าง PhoneGap หรือ Sencha ก็ได้

Amazon Appstore เพิ่มหมวด "เว็บแอพ" ที่เขียนด้วย HTML5 แล้ว

By mk

on 7 August 2013 - 22:50 Tag: Web Application, HTML5, Amazon Appstore

Web Application

ร้านขายแอพมือถือ Amazon Appstore เปิดให้นักพัฒนาส่ง "เว็บแอพ" ที่เขียนด้วย HTML5 ขึ้นไปเผยแพร่บนหน้าร้านได้แล้ว

คำว่า "เว็บแอพ" ในที่นี้คือแอพที่อยู่บนเว็บไซต์จริงๆ ไม่ใช่แอพมือถือที่เขียนด้วย HTML5 แต่ต้องติดตั้งลงในเครื่องนะครับ ดังนั้นนักพัฒนาหรือบริษัทที่มีเว็บแอพพลิเคชันอยู่แล้ว ก็เพียงแค่ส่ง URL พร้อม metadata ที่ Amazon กำหนด เท่านี้แอพจะไปโผล่ใน Amazon Appstore เหมือนกับแอพปกติ

PhoneGap 3.0 ออกแล้ว

By mk

on 20 July 2013 - 08:50 Tag: Development, HTML5, PhoneGap, Adobe

Development

Adobe ออก PhoneGap 3.0 เฟรมเวิร์คสำหรับพัฒนาแอพมือถือด้วย HTML5 เรียบร้อยแล้ว

การเปลี่ยนแปลงสำคัญของ PhoneGap รุ่นนี้ปรับเปลี่ยนสถาปัตยกรรมภายในเสียใหม่ ให้เรียกใช้เฉพาะปลั๊กอินหรือ API ภายนอกเท่าที่จำเป็นต้องใช้ แพกเกจของแอพจึงมีขนาดเล็กลงและเร็วขึ้น (ส่วนแกนหลักของ PhoneGap 3.0 ยังเป็นโครงการโอเพนซอร์ส Apache Cordova เหมือนเดิม)

PhoneGap 3.0 รองรับแพลตฟอร์มใหม่ๆ เพิ่มเติมได้แก่ iOS 7, Windows Phone 8, BlackBerry 10 และประกาศว่าจะรองรับ Firefox OS กับ Ubuntu Phone ในอนาคต

Foxconn ทุ่มจ้างพนักงาน 3,000 คนพัฒนาเทคโนโลยีกลุ่มเมฆ-HTML5 รอรับ Firefox OS

By mk

on 22 June 2013 - 00:47 Tag: Foxconn, Cloud Computing, HTML5, Developer, Firefox OS

Foxconn

Foxconn ประกาศแผนเตรียมจ้างพนักงานเพิ่มอีก 2,000-3,000 ตำแหน่งในไต้หวัน เพื่อพัฒนาเทคโนโลยีด้าน HTML5 ทั้งในแง่ระบบปฏิบัติการและแอพ รวมถึงเทคโนโลยีด้านกลุ่มเมฆด้วย

ท่าทีของ Foxconn ชัดเจนว่าต้องการผลักดัน Firefox OS อย่างเต็มที่ หลังจากประกาศความร่วมมือกับ Mozilla เมื่อเดือนที่แล้ว และโชว์แท็บเล็ตต้นแบบ Firefox OS ในช่วงต้นเดือนนี้

ข้อมูลของ Foxconn ระบุว่ากำลังพัฒนาอุปกรณ์ที่ใช้ Firefox OS มากกว่า 5 ชนิดด้วยกัน ซึ่งอาจรวมถึงทีวีและโน้ตบุ๊กที่เป็น Firefox OS ด้วย

กูเกิลจะออกเครื่องมือพัฒนา HTML5 ในชื่อ Google Web Designer

By mk

on 5 June 2013 - 09:20 Tag: Google, Development, DoubleClick, HTML5

Google

ที่งานสัมมนาประจำปีของ DoubleClick (บริษัทโฆษณาของกูเกิลที่ซื้อมาปี 2008) กูเกิลได้ประกาศว่าจะออกเครื่องมือพัฒนา HTML5 ของตัวเองในชื่อ Google Web Designer

เป้าหมายหลักของ Google Web Designer คือวงการโฆษณา (ซึ่งเป็นลูกค้าหลักของ DoubleClick) ซึ่งจะใช้เครื่องมือนี้พัฒนาแคมเปญโฆษณาด้วยเทคโนโลยีเว็บ และรวมถึงการสร้างเนื้อหา-แอพพลิเคชันบนเว็บด้วย

ตอนนี้ยังมีรายละเอียดของ Google Web Designer น้อยมาก กูเกิลบอกแค่ว่าจะแจกฟรี และจะเชื่อมต่อกับเครื่องมือด้านโฆษณาอื่นๆ อย่าง DoubleClick Studio กับ AdMob ได้ด้วย

Gliffy ออกรุ่น Packaged สำหรับ Chrome ใช้ HTML5

By lew

on 16 May 2013 - 12:16 Tag: Chrome, HTML5

Chrome

นับแต่ Chrome รองรับ Packaged Apps ก็เริ่มมีแอพพลิเคชั่นรองรับกันมาเรื่อยๆ ตัวก่อนหน้านี้คงเป็น Google Keep และตอนนี้แอพพลิเคชั่นจากภายนอกคือ Gliffy ก็ทดลองใช้งาน Packaged Apps แล้ว

ในรุ่นนี้ Gliffy จะสามารถทำงานออฟไลน์ได้สมบูรณ์โดยไม่ต้องล็อกอินใดๆ (แต่ต้องลงทะเบียนก่อนใช้งาน) เท่าที่ผมลองใช้งานพบว่าภาษาไทยใช้งานได้ดีแต่ยังคงมีบั๊กตัดคำเฉพาะเวลาที่เซฟเป็นภาพ PNG

ที่มา - Chrome Web Store

[Google I/O] Adobe เปิดตัว Toolkit for Dart ย้ายโครงการแฟลชมารันบนเบราว์เซอร์

By lew

on 16 May 2013 - 05:00 Tag: Google, Development, Browser, HTML5, Google I/O, Dart, Adobe

Google

Adobe นั้นเริ่มถอนตัวจากความพยายามผลักดันแฟลชบนเบราว์เซอร์มาได้พักใหญ่ๆ แนวทางใหม่ของแฟลชคือการเป็นเครื่องมือสร้างภาพเคลื่อนไหวบน HTML5 แทน และวันนี้ Adobe ก็เปิดชุดเครื่องมือสำหรับพัฒนาภาพเคลื่อนไหวด้วย Dart ในชื่อ Toolkit for Dart

ชุดเครื่องมือจะรองรับการย้ายภาพเคลื่อนไหวพื้นฐานของแฟลชมาเป็นไฟล์ HTML5 และ Dart แต่ส่วน ActionScript นั้นจะต้องเขียนใหม่เป็น Dart ด้วยตัวเอง ความได้เปรียบคือ Dart นั้นใกล้เคียงกับ ActionScript กว่า Javascript พอสมควร การฝึกฝนของนักพัฒนาจึงน่าจะสะดวกกว่า และ Dart เองก็คอมไพล์เป็น Javascript ได้อีกที

Subscribe to HTML5