HTML5

PhoneGap 2.0 ออกแล้ว

By lew

on 26 July 2012 - 12:34 Tag: HTML5, PhoneGap, Mobile

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

HTML5 ถึงทางแยก กลุ่ม WHATWG ตัดสินใจแยกตัวจาก W3C

By mk

on 23 July 2012 - 10:38 Tag: Open Standard, W3C, HTML5

กระบวนการพัฒนา HTML5 นั้นซับซ้อนและเต็มไปด้วยการเมืองระหว่างองค์กร ถึงแม้ W3C จะมีหน้าที่รับผิดชอบการพัฒนาเทคโนโลยี HTML อย่างเป็นทางการ แต่ความล่าช้าของ W3C หลังพัฒนา HTML4 ทำให้ตัวแทนของบริษัทไอทีรายใหญ่ๆ เช่น แอปเปิล โอเปร่า มอซซิลลา รวมตัวกันเป็นกลุ่ม WHATWG (Web Hypertext Application Technology Working Group) พัฒนาสเปกของ HTML5 กันไปก่อน

เมื่อ HTML5 เริ่มติดตลาด ทาง W3C จึงเข้ามาเป็นองค์กรรับรองมาตรฐาน HTML5 โดยมี WHATWG ทำงานคู่ขนานกันไปอีกขั้นหนึ่งในฐานะคณะกรรมการย่อยของ W3C

Chrome Beta เปิด getUserMedia API แล้ว

By lew

on 10 July 2012 - 01:42 Tag: Chrome, HTML5, WebRTC

การอัพเกรด Chrome รอบล่าสุด (ที่คงไม่มีใครนับเลขเวอร์ชั่นแล้ว) ดันเอาฟีเจอร์จากรุ่นพัฒนามาเป็นรุ่นเบต้าหลายอย่าง แต่ที่น่าจับตามองที่สุดคือ getUserMedia API ที่เป็นส่วนหนึ่งของมาตรฐาน WebRTC มันทำให้เบราว์เซอร์สามารถเข้าถึงไมโครโฟนและกล้องเว็บแคมของคอมพิวเตอร์ได้

Chrome Experiments รุ่นมือถือเปิดให้ใช้แล้ว

By Blltz

on 28 June 2012 - 22:55 Tag: Google, Chrome, HTML5

หลังจาก Chrome for Android พ้นสถานะ beta ไปแล้ว กูเกิลก็เปิดตัว Chrome Experiments รุ่นมือถือ สำหรับทดสอบ HTML5 หนักๆ จาก Chrome for Android แล้ว หลังจากก่อนหน้านี้มีแต่รุ่นเดสก์ท็อปมานาน

ใครที่ใช้ ICS และโหลด Chrome มาเรียบร้อยแล้ว ไปลองกันได้ที่ Chrome Experiments กันได้เลยครับ

...อย่าลืมว่าเครื่องต้องแรงระดับนึงด้วยนะ เดี๋ยวจะค้างเอา

ที่มา - The Next Web

กูเกิลออกภาษา Blockly เขียนโปรแกรมบนเว็บแบบลาก-วาง

By lew

on 13 June 2012 - 20:48 Tag: Google, Development, Education, HTML5

การเขียนโปรแกรมแบบลาก-วาง (drag and drop) นั้นมีมานานแล้วแต่รอบนี้กูเกิลออกมาทำเองเลยเป็นข่าวใหญ่สักหน่อย โดย Google Blockly เป็นภาษาเขียนโปรแกรมค่อนข้างเต้มรูปแบบ แต่ทำงานที่ทำงานบนเว็บได้ทั้งหมด โดยไม่ต้องเขียนโค้ดเลยแม้แต่บรรทัดเดียว

ระบบพัฒนารูปแบบคล้ายๆ กันนี้เราคงเคยเห็นใน App Inventor กันมาก่อนแล้ว แต่ Blockly ทำงานบนเว็บจริงๆ โดยไม่ต้องใช้แอ็บเพล็ต เทคโนโลยีทั้งหมดเป็น SVG และจาวาสคริปต์ แถมยังแปลงโค้ดเป็น Dart และ Python ได้ด้วย

ผลทดสอบเกม HTML5 บนมือถือช้ากว่าบนคอมพิวเตอร์ 889 เท่า

By mk

on 2 June 2012 - 18:27 Tag: Development, HTML5, Benchmark, Games, Mobile

Spaceport.io แพลตฟอร์มพัฒนาเกมบนมือถือ ออกเบนช์มาร์ควัดความเร็วของเกมที่สร้างด้วย HTML5 ชื่อว่า Perfmarks และเผยแพร่ผลการทดสอบของอุปกรณ์ต่างๆ

ผลที่ได้คือ HTML5 บนเบราว์เซอร์พกพายังมีประสิทธิภาพน้อยมาก และเมื่อทดสอบเทียบกับคอมพิวเตอร์ (MacBook Pro) แล้ว __ค่าเฉลี่ย__พบว่าประสิทธิภาพด้อยกว่ากันถึง 889 เท่าตัว ส่วนอุปกรณ์พกพาที่มีประสิทธิภาพดีที่สุดคือ Safari บน iPhone 4S ซึ่งยังด้อยกว่าคอมพิวเตอร์อยู่ 6 เท่าตัว

Adobe Muse ออกจากเบต้าแล้ว ให้เช่าแยก 24.99 ดอลลาร์ต่อเดือน

By lew

on 16 May 2012 - 00:39 Tag: HTML5, Adobe

แอพพลิเคชั่นออกแบบเว็บตัวใหม่ที่แทรกเข้ามาใน Creative Cloud คือ Muse ที่เป็นโปรแกรมออกแบบเว็บแบบเดียวกับ InDesign แต่ใช้กับเว็บ โดยดูจะเหมาะกับเว็บที่เนื้อหาแบบไม่ได้อัพเดตบ่อยๆ มากกว่า แต่ก่อนหน้านี้มันอยู่ในฐานะของแถมกับการสมัคร Creative Cloud ชุดใหญ่ โดยไม่มีทางเลือกให้เช่าใช้แยกเฉพาะ

วันนี้ทางอะโดบีก็ประกาศให้ Muse ออกจากสถานะเบต้า มาเป็นสินค้าแยกเฉพาะแล้ว โดยจะเริ่มให้สมัครใช้งานได้ตั้งแต่วันที่ 15 มิถุนายนที่จะถึงนี้ มีทางเลือกให้สามทาง คือ สมัครรายปีจ่ายเดือนละ 14.99 ดอลลาร์, สมัครเดือนต่อเดือน 24.99 ดอลลาร์, และสมัคร Creative Cloud จะใช้งานได้ในชุดเช่นเดิม

Cube เกมที่สร้างจาก Google Maps

By mk

on 30 April 2012 - 12:10 Tag: Google, Google Maps, HTML5, Games

กูเกิลเปิดตัวเกมใหม่ชื่อ Cube เกมบนเว็บที่สร้างด้วย HTML5

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

เกมมีทั้งหมด 8 ด่าน สถิติดีที่สุดที่มีคนทำไว้คือ 2 นาที 45 วินาทีครับ

ที่มา - Fusible

มอซซิลล่าสาธิตการทำงาน WebRTC บนไฟร์ฟอกซ์

By lew

on 9 April 2012 - 15:23 Tag: Firefox, Open Standard, HTML5, WebRTC, BrowserID, Mozilla

มาตรฐาน WebRTC แม้จะยังไม่เรียบร้อยดี แต่ทั้งไฟร์ฟอกซ์และโครมก็รองรับกันแล้วทั้งคู่ และที่งานประชุม IETF 83 (งานเดียวกับที่คนร่วมงานไปแก้ Wi-Fi ให้โรงแรม) ทางมอซซิลล่าก็สาธิตการประชุมวิดีโอบนเว็บผ่าน WebRTC
นอกจาก WebRTC แล้วทางมอซซิลล่ายังสาธิตการล็อกอินด้วย BrowserID ที่มอซซิลล่ากำลังผลักดันเข้าเป็นมาตรฐานอยู่ด้วย

HTML5: อัพเดตฟีเจอร์ใหม่ให้ Canvas

By neizod

on 7 April 2012 - 00:32 Tag: Development, HTML5

ความสามารถอย่างหนึ่งที่น่าจับตามองของ HTML5 คือ <canvas> ที่จะทำการวาดภาพแบบ raster ขึ้นมาในกรอบที่กำหนด ความได้เปรียบของมันคือคำสั่งวาดทั้งหมดอยู่บน JavaScript ทำให้สามารถใช้ร่วมกับ setInterval เพื่อสร้างภาพเคลื่อนไหวได้อย่างง่ายดาย
แต่เนื่องจากว่า <canvas> ยังเป็นอะไรที่ใหม่มาก ทาง WHATWG ก็ได้อัพเดตความสามารถบางอย่างของมัน โดยความสามารถที่เพิ่มเข้ามารอบนี้เป็นของ canvas 2D เช่น

Telenav เปิด Scout Navigation API ให้นักพัฒนาฝังระบบนำทางลงในแอพของตัวเอง

By mk

on 29 March 2012 - 11:49 Tag: Development, GPS, HTML5, Mobile App, Location-Based Service, TeleNav

Telenav ผู้ให้บริการระบบนำทางด้วย GPS รายใหญ่ของโลก มีแอพนำทางบนมือถือชื่อ Scout สำหรับการใช้งานบุคคล (ไม่เน้นขับรถ เน้นข้อมูลสถานที่และร้านค้า) อยู่ก่อนแล้ว

ล่าสุด Telenav เปิด API ของ Scout ให้นักพัฒนาที่ต้องการฝังระบบนำทาง GPS ลงในเว็บหรือแอพของตัวเอง (เช่น พวกแอพท่องเที่ยวหรือร้านอาหารที่ปกติฝังแผนที่ Google Maps อยู่แล้ว) สามารถใช้ระบบของ Scout ได้โดยไม่ต้องทำเอง

BrowserQuest เกมออนไลน์ที่สร้างด้วย HTML5 จากค่าย Mozilla

By mk

on 28 March 2012 - 10:48 Tag: Browser, HTML5, MMO, Mozilla, Games

Mozilla เปิดตัวเกม BrowserQuest เกม action-RPG ที่เล่นออนไลน์แบบ MMO ได้ (รูปแบบเกมจะคล้ายๆ พวก Zelda ภาคแรกๆ) ที่น่าสนใจคือมันถูกสร้างขึ้นด้วยเทคโนโลยี HTML5 ทั้งหมด

อโดบีผลักดันมาตรฐาน CSS เพิ่มอีก 3 ชุด ทำให้เว็บจัดหน้าได้เหมือนนิตยสาร

By lew

on 26 March 2012 - 14:35 Tag: CSS, Open Standard, HTML5, Adobe

ความพ่ายแพ้ของ Flash ที่แพ้ให้กับ HTML5 ทำให้อโดบีหันหัวกลับมาเป็นผู้พัฒนามาตรฐาน HTML5 รายใหญ่เสียเอง โดยความพยายามของอโดบีในตอนนี้คือการเสนอมาตรฐาน CSS ให้สามารถจัดหน้าได้เหมือนการจัดหน้าในนิตยสาร

ผลสำรวจความเห็นนักพัฒนาแอพ - HTML5 มาแรง, ความสนใจ Android ลดลง

By mk

on 24 March 2012 - 17:36 Tag: Android, HTML5, Developer, Mobile App

ผลสำรวจความคิดเห็นของนักพัฒนาบนมือถือจำนวน 2,173 คน โดยบริษัท Appcelerator ร่วมกับ IDC เกี่ยวกับแนวโน้มของเทคโนโลยีแขนงต่างๆ บนมือถือ ประจำไตรมาสแรกของปี 2012

ผลสรุปมีประเด็นที่น่าสนใจหลายอย่าง เรื่องใหญ่ๆ คงเป็นความนิยมของแอพแบบ HTML5 ที่เพิ่มขึ้นมาก และความสนใจในแพลตฟอร์ม Android ที่เริ่มลดลงอย่างช้าๆ

ประเด็นเรื่องแพลตฟอร์ม

VMware โชว์ฟีเจอร์ WSX: รีโมตเข้าเดสก์ทอปผ่านเบราว์เซอร์ที่รองรับ HTML5 โดยไม่ต้องลงปลั๊กอิน

By nuntawat

on 19 March 2012 - 07:53 Tag: VMware, HTML5, Remote Desktop

Christian Hammond นักพัฒนาของ VMware ได้โชว์ฟีเจอร์ WSX รุ่นต้นแบบ ที่ทำให้ผู้ใช้สามารถเข้าถึงเดสก์ทอปจากระยะไกลผ่านเบราว์เซอร์ที่รองรับ HTML5 โดยไม่ต้องติดตั้งปลั๊กอินเสริมให้เบราว์เซอร์แต่อย่างไร

Hammond อธิบายเพิ่มเติมว่าผู้ใช้เพียงแค่ติดตั้งเว็บเซิร์ฟเวอร์ขนาดเล็กที่ทำหน้าที่รับส่งข้อมูลระหว่าง web-based client และ virtualized desktop instance เท่านั้นก็สามารถใช้ WSX บน Firefox, Chrome และ Safari บนเดสก์ทอป รวมถึง Safari บน iPad ที่รัน iOS 5 หรือสูงกว่าได้ทันที ส่วน Android นั้นอยู่ในระหว่างการพัฒนาให้สามารถใช้งานได้

โนเกียเพิ่มระบบนำทางเดินเท้าด้วยเสียงบนแผนที่ HTML5, ใช้ได้เฉพาะ Android, iOS

By nuntawat

on 18 March 2012 - 19:13 Tag: Nokia, Android, HTML5, iOS, Nokia Maps

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

เว็บไซต์นี้ใช้ได้บน iOS หรือ Android 2.3 เป็นต้นไป โดยที่ยังไม่สามารถบน Windows Phone ได้ หากผู้ใช้ต้องการให้เว็บนำทางด้วยเสียงจะต้องดาวน์โหลดไฟล์เสียงขนาด 2 เมกะไบต์ ใครสนใจสามารถเข้าไปใช้งานได้ที่ m.maps.nokia.com

iTether กลับมาอีกครั้งในฐานะเว็บแอพ HTML5

By Blltz

on 10 March 2012 - 17:34 Tag: HTML5, iOS, Mobile

หลายคนคงทราบดีว่า iPhone ที่ใช้กับเครือข่าย AT&T นั้นไม่สามารถทำตัวเองให้กลายเป็น Wi-Fi hotspot ได้ (แต่ iPad รุ่นใหม่ทำได้แล้ว) และเคยมีแอพ iTether ที่ช่วยให้ทำได้ก็โดนแอปเปิลเก็บไปตั้งแต่ปลายปีที่แล้ว ถ้าหากจะหาวิธีอื่นก็ต้องเจลเบรคเท่านั้น

วันนี้ iTether กลับมาอีกครั้งด้วยฟีเจอร์การใช้งานเหมือนเดิม แต่ไม่ได้มาเป็นแอพ แต่มาเป็นเว็บแอพ HTML5 ที่สามารถใช้งานได้ทันที ไม่ต้องลงแอพ ไม่ต้องเจลเบรคอีกต่อไป วิธีการก็คือให้พีซีเปิด ad-hoc เอาไว้แล้วนำ iPhone เชื่อมต่อไปยังเครือข่ายนั้น เข้าไปล็อกอินที่เว็บ Tether.com ก็เป็นอันเรียบร้อย (ตัวพีซีต้องมีโปรแกรมของ iTether ด้วย)

รู้จักกับ HTML5 - ภาคสอง Web Video

By mk

on 4 March 2012 - 20:50 Tag: Special Report, Development, In-Depth, HTML5, Codec, WebM

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

วิศวกร Google, Microsoft, Netflix ส่งร่าง DRM สำหรับ HTML5 ขึ้น W3C, คนในวงการต่อต้าน

By nuntawat

on 25 February 2012 - 10:24 Tag: DRM, W3C, HTML5

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

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

รู้จักกับ HTML5 - ภาคหนึ่ง HTML5 คืออะไร?

By mk

on 20 February 2012 - 15:59 Tag: Special Report, Development, HTML5

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

Subscribe to HTML5

Apple

public://topics-images/apple_webp.png

SCB10X

public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png

Windows 11

public://topics-images/hero-bloom-logo.jpg

Huawei

public://topics-images/huawei_standard_logo.svg_.png

Google Keep

public://topics-images/google_keep_2020_logo.svg_.png

Instagram

public://topics-images/instagram_logo_2022.svg_.png

SCB

public://topics-images/9crhwyxv_400x400.jpg

Microsoft

public://topics-images/microsoft_logo.svg_.png

Basecamp

public://topics-images/bwpepdi0_400x400.jpg

Tinder

public://topics-images/hwizi8ny_400x400.jpg

FTC

public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png

public://topics-images/pinterest.png

Palantir

public://topics-images/-nzsuc6w_400x400.png

AIS Business

public://topics-images/logo-business-2021-1.png

PostgreSQL

public://topics-images/images.png

JetBrains

public://topics-images/icx8y2ta_400x400.png

Krungthai

public://topics-images/aam1jxs6_400x400.jpg

Palworld

public://topics-images/mccyhcqf_400x400.jpg

Bill Gates

public://topics-images/bill_gates-september_2024.jpg

VMware

public://topics-images/1nj4i1gp_400x400.jpg

Take-Two Interactive

public://topics-images/0khle7nh_400x400.jpg

OpenAI

public://topics-images/ztsar0jw_400x400.jpg

Thailand

public://topics-images/flag_of_thailand.svg_.png

NVIDIA

public://topics-images/srvczsfq_400x400.jpg

ServiceNow

public://topics-images/ytnrfphe_400x400.png

Klarna

public://topics-images/urcllpjp_400x400.png

Google Play

public://topics-images/play.png

Drupal

public://topics-images/drupal.png

Virtua Fighter

public://topics-images/virtua_figther_2024_logo.png

Paradox Interactive

public://topics-images/paradox_interactive_logo.svg_.png

Europa Universalis

public://topics-images/europa-icon.png

Nintendo Switch 2

public://topics-images/mainvisual.png

Cloudflare

public://topics-images/cloudflare_logo.svg_.png

Samsung

public://topics-images/samsung.png

Google

public://topics-images/google_2015_logo.svg_.png

Uber

public://topics-images/uber.png

Microsoft 365

public://topics-images/m365.png

USA

public://topics-images/flag_of_the_united_states.svg_.png

public://topics-images/0pe0po-z_400x400.jpg

Perplexity

public://topics-images/perplex.jpg

Xperia

public://topics-images/xperia.png

iOS 18

public://topics-images/ios-18-num-96x96_2x.png

True

public://topics-images/true_logo.png

SoftBank

public://topics-images/softbank.jpg

Pac-Man

public://topics-images/pacman.png

Harry Potter

public://topics-images/harry.png

Marvel

public://topics-images/marvel.png

Skydance

public://topics-images/skydance.png

SEA

public://topics-images/sealogo.png

Find My Device

public://topics-images/find.png

Gemini

public://topics-images/google_gemini_logo.svg__1.png

Accessibility

public://topics-images/accessibility-128x128_2x.png

Material Design

public://topics-images/m3-favicon-apple-touch.png

Android 16

public://topics-images/android16.png

Android

public://topics-images/android_0.png

Firefox

public://topics-images/firefox_logo-2019.svg_.png

Google Messages

public://topics-images/messages.png

Notepad

public://topics-images/notepad.png

Singapore

public://topics-images/flag_of_singapore.svg_.png

Airbnb

public://topics-images/airbnb.png

PS5

public://topics-images/ps5.png

Krafton

public://topics-images/krafton.png

Doom

public://topics-images/doom-game-s_logo.svg_.png

AMD

public://topics-images/amd_logo.svg_.png

GTA

public://topics-images/gta_0.png

DoorDash

public://topics-images/doordash.png

YouTube

public://topics-images/yt.png

YouTube Music

public://topics-images/yt-music.png

Facebook

public://topics-images/fb.png

iQiyi

public://topics-images/iqiyi_0.png

Viu

public://topics-images/viu.png

Amazon Prime Video

public://topics-images/prime-vid.png

Spotify

public://topics-images/spotify.jpg

Apple TV

public://topics-images/apple-tv.png

HBO Max

public://topics-images/max.png

Threads

public://topics-images/threads.png

Alexa

public://topics-images/alexa.png

Kindle App

public://topics-images/kindle.png

Shopee

public://topics-images/shopee.png

Waze

public://topics-images/waze.png

Bilibili

public://topics-images/bili.png

Google Maps

public://topics-images/maps.png

Apple Music

public://topics-images/apple-music.png

Claude

public://topics-images/claude.png

TikTok

public://topics-images/tiktok.png

Xbox

public://topics-images/xbox.png

Tesla

public://topics-images/tesla.png

Chrome

public://topics-images/chrome.png

Google Calendar

public://topics-images/gcal.png

Google Home

public://topics-images/ghome.png

Google Meet

public://topics-images/meet.png

NotebookLM

public://topics-images/notebooklm.png

public://topics-images/reddit.png

Assassin’s Creed

public://topics-images/ac.png

Mark Zuckerberg

public://topics-images/zuck.jpg