1. HTML 5 for
Publishing Executives
March 23, 2011
Rajiv Pant, Conde Nast; Twitter: @rajivpant

2. When will HTML5 be
completed and ready?
Ian Hickson of Google, editor of the HTML5
specification, said he expects the specification to
reach the W3C Candidate Recommendation stage
during 2012.
The criterion for the specification becoming a full
W3C Recommendation is “two 100% complete and
fully interoperable implementations”.
When Ian was asked in August 2008, what
timeline do you guess he predicted for this?

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. 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 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. 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. HTML5 in Use
at Conde Nast
The Adobe Digital Magazine Platform, which we're rolling
out across all 18 of our magazines, supports multiple
content types, including HTML. HTML can be used for
entire articles, or can be used within an article of
another content type.
Since content is viewed on iPad with a native app, and in
Adobe's Air framework on Android tablets and other
platforms, there's a pretty consistent version of WebKit in
use across all viewers, letting us use HTML5 in ways that
may not yet be workable for our mainstream sites.

8. HTML5 in Use
at Conde Nast
Our team is using HTML5 to develop applications
within the Adobe Viewer container, which supports
delivery of HTML “stacks” in addition to InDesign
content, which themselves can include HTML content
via “web view” includes. HTML stacks are rendered
via a WebKit instance embedded in the Viewer app.
Recent projects include the Golf Digest Hot List, the
Conde Nast Traveler 2011 Hot List, the Conde Nast
Traveler Cruise Finder, Self Magazine & Gourmet Live.

9. Golf Digest Hot List App
A blog-fed feature in the GD
tablet edition uses HTML5
local storage to cache posts
for a magazine-like offline
reading experience for
regularly updating content.
The GD Hot List app makes
use of the HTML5 canvas to
render base-64 encoded
blobs of data as images; in
addition it stored user
“favorites” data in the
browser’s local storage.

10. Self Magazine App
Self Magazine added
this HTML5-powered
'Happy Plate' feature
that allows the reader to
drag a selection of their
favorite foods from
several categories onto a
plate that counts the
calories of their
selections up to their
weekly limit.

11. Conde Nast Traveler Apps
The Traveler
applications are making
extensive use of HTML5
databases to deliver
filterable sets of hotels
(in the case of the Hot
List) and cruise ships
(in the case of the
Cruise Finder) based on
location, amenity, and
feature availability.

12. HTML5 Technologies Used
We have leveraged the
persistence.js JavaScript
ORM library to rapidly
develop an asynchronous,
lightweight data access
layer on top of the
browser’s database
storage model. In addition,
we are using local storage
to persist and restore
state to these applications
between sessions.

13. Gourmet Live App
The Gourmet Live app is an
HTML5 & cloud based app in
a light (2 MB) native iOS
wrapper.
It uses HTML5 to display the
Login, Profile and Article
screens.
The Article is in an HTML
template that is delivered to
the app from the cloud and
then is processed by the
client.

14. Interactive Ads in Apps
Our in-house ad agency,
CN Studio, came up with
this interactive ad
campaign for Visa in
which readers can book
tickets to movies,
broadway shows, and
even hotel rooms using
their Visa card.

15. Further Reading
DIVE INTO HTML5 BY MARK PILGRIM
http://diveintohtml5.org/
W3C http://dev.w3.org/html5/spec/Overview.html
Wikipedia http://en.wikipedia.org/wiki/HTML5
Modernizr http://www.modernizr.com/