Tags:
Adobe

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

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

ที่มา - Adobe Blog

Tags:
Google

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

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

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

ที่มา - Fusible

Tags:
Firefox

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

นอกจาก WebRTC แล้วทางมอซซิลล่ายังสาธิตการล็อกอินด้วย BrowserID ที่มอซซิลล่ากำลังผลักดันเข้าเป็นมาตรฐานอยู่ด้วย

ถึงตอนนี้คงเริ่มชัดเจนว่า WebRTC นั้นจะรองรับจากเบราว์เซอร์หลักทั้งสองตัว คงเหลือ WebKit ที่ยังไม่แสดงตัวว่าจะรับมาตรฐานนี้หรือไม่

ที่มา - Mozilla

Tags:
HTML5

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

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

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

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

บริการนี้ชื่อว่า Scout for Apps มันเป็น HTML5 ที่ใช้ได้กับทั้งเว็บไซต์ และแอพบน iOS 4.0+/Android 2.1+

ในแง่การใช้งานมันคงไม่ต่างอะไรจากแอพนำทางด้วย GPS ทั่วไป แต่ในแง่การพัฒนาก็ย่อมช่วยให้งานของโปรแกรมเมอร์ง่ายขึ้นมาก

ที่มา - Engadget

Tags:
HTML5

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

เกมนี้ไม่ใช่เกมซีเรียสจริงจัง (แต่ก็เล่นได้เยอะพอสมควร) แต่เป็นเหมือนเดโมโชว์ความสามารถของ HTML5 มากกว่า ตัวกราฟิก 2 มิติสร้างด้วย Canvas, จัดการกับแผนที่ขนาดใหญ่ไม่ให้กระตุกด้วย Web workers, เก็บข้อมูลตัวละครไว้ในเครื่องของเราผ่าน localStorage, ขยายขนาดเกมตามหน้าจอด้วย CSS3 Media Queries, เพลงในเกมใช้ HTML5 audio และที่น่าสนใจคือมันสื่อสารกับเซิร์ฟเวอร์ของ Mozilla ด้วย WebSockets เพื่อความรวดเร็ว

Tags:
Adobe

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

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

  • CSS Regions: ใช้กำหนดพื้นที่การแสดงเนื้อหาที่แยกจากกัน ให้ข้อความไหลเป็นผืนเดียวกันไป
  • CSS Exclusion: มาตรฐานกำหนดพื้นที่บล็อคข้อความให้เป็นรูปร่างที่กำหนด ทำให้เราสามารถเว้นพื้นที่วางข้อความได้ตามใจ
  • CSS Fragmentation: มาตรฐานการแบ่งหน้าหรือคอลัมน์เหมือนที่เราใช้กันในโปรแกรมประเภทเวิร์ดโปรเซสซิ่งทั้งหลาย
Tags:
Android

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

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

Tags:
HTML5

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

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

WSX ทำงานเข้ากันได้กับ VMware Workstation และ ESXi/vSphere ใครที่อยากลองใช้งานสามารถดาวน์โหลด VMware Workstation เวอร์ชัน Technology Preview สำหรับลีนุกซ์ได้ครับ

ที่มา: Ars Technica

Tags:
Android

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

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

ที่มา: Nokia Conversations ผ่าน MobilityDigest.com

Tags:
HTML5

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

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

ดังนั้นบริการนี้น่าสนใจมากสำหรับผู้ใช้ในเครือข่าย AT&T ที่ทางเครือข่ายไม่เปิดให้ใช้บริการ tethering ใดๆ หากไม่ได้สมัครบริการเสริม แต่ตัว iTether นี่ก็ไม่ได้ฟรีเช่นกัน โดยคิดค่าบริการเป็นรายปีเริ่มตั้งแต่ 15 ดอลลาร์สหรัฐฯ เมื่อสมัครเดี๋ยวนี้ และเพิ่มเป็น 30 ดอลลาร์สหรัฐ หลังจากนั้น

ที่มา - iTether via The Verge

Tags:
HTML5

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

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

Tags:
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) คอนเทนต์เท่านั้น และสามารถทำงานร่วมกับโมดูลเสริมภายนอกเพื่อสร้างกลไกการถอดรหัสที่เหมาะสมตามแต่การใช้งานได้

ข้อเสนอไม่ได้รับเสียงตอบรับที่ดีนัก โดย Ian Hickson จาก Google เองกล่าวว่า ข้อเสนอนี้ไร้จรรยาบรรณ (unethical) และเราไม่ควรให้การสนับสนุนโดยเน้นว่าข้อเสนอดังกล่าวไม่ได้ให้แนวทางการป้องกันคอนเทนต์ที่แข็งแกร่งดีพออีกด้วย นอกจากนั้น Robert O’Callahan จาก Mozilla ยังตั้งคำถามว่ามาตรฐานการป้องกันการละเมิดลิขสิทธิ์คอนเทนต์นี้จะได้รับการพัฒนาบนเบราว์เซอร์โอเพนซอร์สอย่าง Firefox ได้ดีอย่างไร ซึ่ง Mark Watson ก็ตอบว่าอาจต้องใช้การป้องกันการคัดลอกจากฮาร์ดแวร์ช่วย

ที่มา: Neowin.net

Tags:
HTML5

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

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

Tags:
Chrome

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

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

  • การวาดภาพ 2D ใน Canvas จะรองรับการเร่งความเร็วด้วย GPU แล้ว สามารถดูรายละเอียดได้จากหน้า chrome://gpu
  • สำหรับการแสดงผล 3D Canvas ซึ่งเดิมทีต้องใช้งานบน WebGL ซึ่งการ์ดจอรุ่นเก่าๆ อาจไม่รองรับ กูเกิลได้ใช้เทคนิคที่เรียกว่า SwiftShader หรือการใช้ซอฟต์แวร์ประมวลผลแทน GPU (กูเกิลซื้อสิทธิการใช้งานมาจากบริษัท TransGaming) ถึงแม้จะประสิทธิภาพดีสู้ GPU แท้ไม่ได้ แต่ก็ช่วยให้เครื่องรุ่นเก่าๆ สามารถดูภาพ 3D Canvas ได้ในระดับหนึ่ง

ที่มา - Chromium Blog

Tags:
HTML5

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

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

รายละเอียดทั้งหมดดูได้จาก HTML5Thailand หรือ Facebook Group: HTML5 Developers Thailand

Tags:
Chrome

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

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

การรองรับฟีเจอร์ใหม่นี้ใน Chrome 18 ยังเป็นแบบปิดไว้ก่อนคือต้องรันเบราเซอร์ด้วยออปชั่น --enable-media-stream ทางฝั่ง Firefox นั้นก็เริ่มรองรับ API บางส่วนแล้ว

แต่กรณี WebRTC เป็นกรณีที่ชัดเจนอีกครั้งว่ากูเกิลกำลังสามารถผลักดันให้เว็บเป็นไปตามที่ตัวเองต้องการผ่านทางการพัฒนาเบราเซอร์ของตัวเอง แม้จะบีบไมโครซอฟท์ไม่ได้มากนัก แต่เบราเซอร์โอเพนซอร์สและ Opera ก็มักเดินตามแนวทางของกูเกิลแทบทั้งหมด ในเทคโนโลยีแบบเดียวกัน Ericsson เคยเสนอมาตั้งแต่ปี 2010 แต่ไม่มีใครให้ความสนใจมากนัก

ที่มา - ArsTechnica, Chromium Blog

Tags:

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

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

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

ที่มา: PC World

Tags:

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

Tags:

โอกาสของนักพัฒนาเว็บชาวไทยมาอีกแล้วครับ โดยบริษัท 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