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 HTML5specification, said he expects the specific...
in the year 2022 or later! First W3C Working Draft in October 2007. Last Call Working Draft in October 2009. Call for cont...
Currently Accepted Timeline  The Working Group is expected to advance HTML5 to  "Last Call," an invitation to communities ...
5 Things You Should Know      About HTML5 1. It is a collection of individual features which can be used independently. 2....
Some of the Features in        HTML5 New Markup            Web Workers Scripting APIs        Geolocation Canvas           ...
HTML5 in Use          at Conde NastThe Adobe Digital Magazine Platform, which were rollingout across all 18 of our magazin...
HTML5 in Use         at Conde NastOur team is using HTML5 to develop applicationswithin the Adobe Viewer container, which ...
Golf Digest Hot List AppA blog-fed feature in the GDtablet edition uses HTML5local storage to cache postsfor a magazine-li...
Self Magazine AppSelf Magazine addedthis HTML5-poweredHappy Plate featurethat allows the reader todrag a selection of thei...
Conde Nast Traveler AppsThe Travelerapplications are makingextensive use of HTML5databases to deliverfilterable sets of hot...
HTML5 Technologies UsedWe have leveraged thepersistence.js JavaScriptORM library to rapidlydevelop an asynchronous,lightwe...
Gourmet Live AppThe Gourmet Live app is anHTML5 & cloud based app ina light (2 MB) native iOSwrapper.It uses HTML5 to disp...
Interactive Ads in AppsOur in-house ad agency,CN Studio, came up withthis interactive adcampaign for Visa inwhich readers ...
Further ReadingDIVE INTO HTML5 BY MARK PILGRIMhttp://diveintohtml5.org/W3C http://dev.w3.org/html5/spec/Overview.htmlWikip...
Upcoming SlideShare
Loading in …5
×

HTML5 Presentation at Online Publishers Association Tech Conference 2011-03

968 views
931 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
968
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • HTML5 Presentation at Online Publishers Association Tech Conference 2011-03

    1. 1. HTML 5 forPublishing Executives March 23, 2011Rajiv Pant, Conde Nast; Twitter: @rajivpant
    2. 2. When will HTML5 be completed and ready?Ian Hickson of Google, editor of the HTML5specification, said he expects the specification toreach the W3C Candidate Recommendation stageduring 2012.The criterion for the specification 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?
    3. 3. 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.
    4. 4. Currently Accepted Timeline The Working Group is expected to advance HTML5 to "Last Call," an invitation to communities inside and outside W3C to confirm the technical soundness of the specification, in May 2011. Development of a comprehensive test suite to achieve broad interoperability for the full specification is to be completed by 2014. The target date for HTML5 achieving W3C Recommendation stage is now 2014.
    5. 5. 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
    6. 6. Some of the Features in HTML5 New Markup Web Workers Scripting APIs Geolocation Canvas Forms & Input Types Video Microdata Local Storage History API Offline Applications Error Handling
    7. 7. 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.
    8. 8. 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.
    9. 9. Golf Digest Hot List AppA blog-fed feature in the GDtablet edition uses HTML5local storage to cache postsfor a magazine-like offlinereading 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.
    10. 10. 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.
    11. 11. Conde Nast Traveler AppsThe Travelerapplications are makingextensive use of HTML5databases to deliverfilterable sets of hotels(in the case of the HotList) and cruise ships(in the case of theCruise Finder) based onlocation, amenity, andfeature availability.
    12. 12. HTML5 Technologies UsedWe have leveraged thepersistence.js JavaScriptORM library to rapidlydevelop an asynchronous,lightweight data accesslayer on top of thebrowser’s databasestorage model. In addition,we are using local storageto persist and restorestate to these applicationsbetween sessions.
    13. 13. Gourmet Live AppThe Gourmet Live app is anHTML5 & cloud based app ina light (2 MB) native iOSwrapper.It uses HTML5 to display theLogin, Profile and Articlescreens.The Article is in an HTMLtemplate that is delivered tothe app from the cloud andthen is processed by theclient.
    14. 14. 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.
    15. 15. 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/

    ×