HTML5 Presentation at Online Publishers Association Tech Conference 2011-03
HTML 5 forPublishing Executives March 23, 2011Rajiv Pant, Conde Nast; Twitter: @rajivpant
When will HTML5 be completed and ready?Ian Hickson of Google, editor of the HTML5speciﬁcation, said he expects the speciﬁcation toreach the W3C Candidate Recommendation stageduring 2012.The criterion for the speciﬁcation becoming a fullW3C Recommendation is “two 100% complete andfully interoperable implementations”. When Ian was asked in August 2008, what timeline do you guess he predicted for this?
in the year 2022 or later! First W3C Working Draft in October 2007. Last Call Working Draft in October 2009. Call for contributions for the test suite in 2011. Candidate Recommendation in 2012. First draft of test suite in 2012. Second draft of test suite in 2015. Final version of test suite in 2019. Reissued Last Call Working Draft in 2020. Proposed Recommendation in 2022.
Currently Accepted Timeline The Working Group is expected to advance HTML5 to "Last Call," an invitation to communities inside and outside W3C to conﬁrm the technical soundness of the speciﬁcation, in May 2011. Development of a comprehensive test suite to achieve broad interoperability for the full speciﬁcation is to be completed by 2014. The target date for HTML5 achieving W3C Recommendation stage is now 2014.
5 Things You Should Know About HTML5 1. It is a collection of individual features which can be used independently. 2. Parts of it are already well-supported in major browsers. 3. It is backwards compatible with HTML4. 4. It is less-complicated compared to its competition. 5. It will gain wide adoption. Based on: http://diveintohtml5.org/introduction.html
Some of the Features in HTML5 New Markup Web Workers Scripting APIs Geolocation Canvas Forms & Input Types Video Microdata Local Storage History API Ofﬂine Applications Error Handling
HTML5 in Use at Conde NastThe Adobe Digital Magazine Platform, which were rollingout across all 18 of our magazines, supports multiplecontent types, including HTML. HTML can be used forentire articles, or can be used within an article ofanother content type.Since content is viewed on iPad with a native app, and inAdobes Air framework on Android tablets and otherplatforms, theres a pretty consistent version of WebKit inuse across all viewers, letting us use HTML5 in ways thatmay not yet be workable for our mainstream sites.
HTML5 in Use at Conde NastOur team is using HTML5 to develop applicationswithin the Adobe Viewer container, which supportsdelivery of HTML “stacks” in addition to InDesigncontent, which themselves can include HTML contentvia “web view” includes. HTML stacks are renderedvia a WebKit instance embedded in the Viewer app.Recent projects include the Golf Digest Hot List, theConde Nast Traveler 2011 Hot List, the Conde NastTraveler Cruise Finder, Self Magazine & Gourmet Live.
Golf Digest Hot List AppA blog-fed feature in the GDtablet edition uses HTML5local storage to cache postsfor a magazine-like ofﬂinereading experience forregularly updating content.The GD Hot List app makesuse of the HTML5 canvas torender base-64 encodedblobs of data as images; inaddition it stored user“favorites” data in thebrowser’s local storage.
Self Magazine AppSelf Magazine addedthis HTML5-poweredHappy Plate featurethat allows the reader todrag a selection of theirfavorite foods fromseveral categories onto aplate that counts thecalories of theirselections up to theirweekly limit.
Conde Nast Traveler AppsThe Travelerapplications are makingextensive use of HTML5databases to deliverﬁlterable sets of hotels(in the case of the HotList) and cruise ships(in the case of theCruise Finder) based onlocation, amenity, andfeature availability.
Gourmet Live AppThe Gourmet Live app is anHTML5 & cloud based app ina light (2 MB) native iOSwrapper.It uses HTML5 to display theLogin, Proﬁle and Articlescreens.The Article is in an HTMLtemplate that is delivered tothe app from the cloud andthen is processed by theclient.
Interactive Ads in AppsOur in-house ad agency,CN Studio, came up withthis interactive adcampaign for Visa inwhich readers can booktickets to movies,broadway shows, andeven hotel rooms usingtheir Visa card.
Further ReadingDIVE INTO HTML5 BY MARK PILGRIMhttp://diveintohtml5.org/W3C http://dev.w3.org/html5/spec/Overview.htmlWikipedia http://en.wikipedia.org/wiki/HTML5Modernizr http://www.modernizr.com/