Friday, February 10, 2012

HTML5


Wikipedia: HTML5
the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) ...... core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 is intended to subsume not only HTML 4, but XHTML 1 and DOM Level 2 HTML as well ..... introduces markup and application programming interfaces (APIs) for complex web applications ...... Many features of HTML5 have been built with the consideration of being able to run on low-powered devices such as smartphones and tablets. In December 2011 research firm Strategy Analytics forecast sales of HTML5 compatible phones will top 1 billion in 2013. ...... new video, audio and canvas elements, as well as the integration of Scalable Vector Graphics (SVG) content that replaces the uses of generic object tags ........ new elements, such as section, article, header and nav, are designed to enrich the semantic content of documents ...... The W3C is developing a comprehensive test suite to achieve broad interoperability for the full specification by 2014, which is now the target date for Recommendation. ..... advancing HTML5 to Recommendation provides the entire Web ecosystem with a stable, tested, interoperable standard. ...... Ian Hickson of Google is the editor of HTML5. ...... Some deprecated elements from HTML 4.01 have been dropped, including purely presentational elements such as font and center, whose effects are achieved using Cascading Style Sheets. There is also a renewed emphasis on the importance of DOM scripting (e.g., JavaScript) in Web behavior. ......... In addition to specifying markup, HTML5 specifies scripting application programming interfaces (APIs) ...... The canvas element for immediate mode 2D drawing. ..... Timed media playback ..... Offline Web Applications ..... Document editing ...... Drag-and-drop .... Cross-document messaging ..... Browser history management .... MIME type and protocol handler registration ..... Microdata .... Web Storage, a key-value pair storage framework that provides behaviour similar to Cookies but with larger storage capacity and improved API. ..... Geolocation .... HTML5 alone cannot provide animation within web pages. Either JavaScript or CSS3 is necessary for animating HTML elements. ..... XHTML5 is the XML serialization of HTML5. .... XHTML5 requires XML's strict, well-formed syntax. ...... September 2011, 34 of the world's top 100 Web sites were using HTML5 ..... As of 1 April 2011, this logo is official. ..... The W3C then said the logo "represents HTML5, the cornerstone for modern Web applications".


Wikipedia: HTML5 Video
has been hampered by lack of agreement as to which video formats should be supported in the video element ..... Initially, Ogg Theora was the recommended standard video format in HTML5, because it was not affected by any known patents. ...... we need a codec that is known to not require per-unit or per-distributor licensing, that is compatible with the open source development model, that is of sufficient quality as to be usable, and that is not an additional submarine patent risk for large companies ...... HTML has historically not required particular formats for anything ..... Google's acquisition of On2 in 2010 resulted in its acquisition of the VP8 video format by Google. Google has provided a royalty-free license to use VP8 ...... According to a YouTube blog post, the video tag does not currently meet all the needs of a website like YouTube. ...... The main reasons stated include the lack of a standard format, the absence of an effective and reliable means of delivering the video to the browser, JavaScript unable to display video fullscreen, and content protection issues. Hulu also has not adopted HTML5 video due to the inability of providing the user with adaptive bandwidth videos, securing the producer's content, and providing advertisers with data. ...... Netflix stated that there are a number of issues preventing them from using HTML5 video: acceptable A/V container formats; acceptable audio and video codecs; streaming protocol; a way for the streaming protocol to adapt to available bandwidth; a way of conveying information about available streams and other parameters to the streaming player module; a way of supporting protected content; and a way of exposing all this functionality into HTML5. ....... On January 11, 2011, Google's Chromium Project announced on their blog that support for closed codecs (particularly H.264) would be removed from future releases of Chrome. The Chromium announcement specifically mentioned that this removal was an effort to increase the use of license-free HTML5 and the video tag, driving web-wide adoption of the open-source codecs VP8 and Theora. On February 2, 2011 Microsoft released the Windows Media Player HTML5 Extension for Chrome which added the ability to use the licensed H.264 player included with Windows to play back H.264 media content using Chrome.
Wikipedia: Comparison of HTML5 and Flash
HTML5 can sometimes be used as an alternative to Adobe Flash. Both include features for playing audio and video within web pages, and using integrated SVG, vector graphics are possible with both. A common misconception is that HTML5 can provide animation and interactivity within web pages, which is untrue. Either JavaScript or CSS 3 is necessary for animating HTML elements. Animation using JavaScript is also possible with HTML 4. ....... Flash had reached 98% penetration in March 2010 ..... Work on the HTML5 specification began in 2003 and, as of January 2011, the standard was in working draft state ..... In 2006, editor Ian Hickson suggested the standard wouldn't be published until 2022 ...... HTML5 is largely controlled by a committee (WHATWG) made up of three companies – Opera Software, the Mozilla Foundation, and Apple ...... Constructing Flash websites using Adobe tools is relatively easier than with integrated development environments for CSS, HTML, and JavaScript ...... There are however people working on adding "device support" (device API) to the HTML5 specification, which would allow for videoconferencing, access to webcams, microphones, USB-thumbdrives and other USB- or serial devices ...... Mr. Asseo lamented the return to another browser war (like what was seen in the late 1990s). If Flash falls out of favor, he argues, web developers will have to either (1) develop many different versions of their web sites and native applications to take into account different HTML 5 implementations, (2) deny access to browsers that do not support their version of HTML, or (3) dramatically reduce the functionality of their sites in order to deliver content to the least-advanced browser ......... Both Flash content and HTML content can be indexed by Google, Yahoo!, and Bing, although bi-directional text (e.g., Hebrew) is not supported by Google
Wikipedia: HTML5 in mobile devices
With HTML5, advanced web application features are available in all mobile browsers supporting the markup language, using the same standard syntax and displaying the same standard behavior. ....... The AppCache and database make it possible for mobile developers to store things locally on the device and interruptions in connectivity will not affect the ability for someone to get their work done. ....... GeoLocation API ...... This is actually not part of HTML5, but is a separate specification. The geolocation API lets you share your location with trusted web sites. The latitude and longitude are available to JavaScript on the page, which in turn can send it back to the remote web server and do fancy location-aware things like finding local businesses or showing your location on a map ....... Advanced forms ... Even simple things like the improvements in HTML5 for forms could make life easier for mobile applications. Fields that can be validated by the browser are improvements for mobile devices. The more that can be handled by the browser means less time downloading JavaScript code and fewer round trips to the server if validation can be found before the form is posted ......... GeolocationAPI, offline web application support, WebStorage, CSS3 Selectors and 2D animations are the top five supported features referred to by the term HTML5 across the top 15 mobile devices in all USA, UK, Germany, Malaysia, Australia markets examined. ....... HTML5 is a welcome addition to the mobile party, but it does not negate device and OS fragmentation ...... jQuery Mobile ..... Sencha Touch .... SproutCore ..... M-Project ..... jQTouch ...... Jo .... DHTMLX Touch ..... Worklight ..... MobileNationHQ ..... BkRender ..... Google Web Toolkit


HTML5 Rocks
W3Schools: HTML5
HTML5 Demos
Apple: HTML5
HTML5 Gallery
HTML5
Sencha: Guide To HTML5



W3: HTML5



PC Mag: Infographic: Flash Still Bests HTML5 by Most Measures
Online Video: What is HTML5 Video and Why Should You Use it?
eWeek: Sencha Launches Adobe Flex to HTML5 Program for Developers
Google: Think Quarterly: HTML 5 Overview

Enhanced by Zemanta

2 comments:

facebook app said...

share the idea for learning HTML 5 ?

Anonymous said...

cool demonstration! eventhough HTML5 audio player might not pack all of the features it works well.. it let’s iOS folk hear the mp3, tho the player will launch in a new webpage; and to return to your original page, html5 media player