HTML5 enables interactive ebook, games, and more

Summary: HTML5 blurs the line between web and client-based applications

If you were wondering if HTML5 has what it takes to be a real contender in the mobile space, check out Google's latest offering: 20thingsilearned.com. The URL features a story book entitled "20 Things I Learned About Browsers And The Web". While the content itself is entertaining and educational, done in a storybook style, and featuring information about browsers, browser extensions, plug-ins, and more, it's entirely built in HTML5 and features some pretty incredible web effects. For example, you can view a table of contents, turn pages with a curl, similar to the iBook platform, and even exit the page and resume where you were reading from.

The 20thingsilearned demonstration definitely shows what's possible in HTML5, and continues to blur the line between client-based apps and web-based apps. I haven't tried it out on my iPad or Samsung Tab yet, but I will be doing that shortly.

Before stumbling on Google's latest offering, I had really only seen some experimental games using HTML5, including Google's own PacMan. Google's latest offering has definitely gone far beyond that.

Topics: Hardware, Browser, Google, Software Development

About

With more than 15 years of mobile, Internet and wireless experience, Joel specializes in taking existing brands and technologies into the mobile and wireless space. Joel is currently the VP of Strategy Integration for Mobiquity, an enterprise-class mobile solutions provider.

Kick off your day with ZDNet's daily email newsletter. It's the freshest tech news and opinion, served hot. Get it.

Talkback

16 comments
Log in or register to join the discussion
  • Very very impressive

    Excellent job by Google on this. Talk about a well polished HTML5 app.
    mibjr
    • I can not even get a prompt about upper case ...

      when entering password in a browser so I suggest we put down the koolaid for a while.
      LBiege
      • ...ok i'm lost

        Where the HECK are you that requires a password?

        And there's no koolaid drinking being done over here, just a simple compliment on some nice work done in HTML5, nothing more.
        mibjr
  • It is clear that mobile Safari is NOT an HTML5 browser

    On Chrome, this site is beautiful. Wow.<br><br>On my iPhone, it barely worked. It was <b>extremely</b> slow. The page animations did not work. The AJAX didn't work properly since clicking on the next page caused the URL to dropdown from the top of the screen to show that the next page was loading. The bookmark didn't show up. The animation on "What Is The Internet?" page (one of the first pages) did not work.<br><br>Since this is an HTML5 page, one can only conclude that mobile Safari is <b>not</b> compliant with HTML5 standards.
    NonZealot
  • RE: HTML5 enables interactive ebook, games, and more

    Works great on IE9 too, looks like all the browsers will soon be completely HTML5 compliant.
    ParsonsProject93
  • RE: HTML5 enables interactive ebook, games, and more

    HTML 5 is charming to me, but it's will be a disaster to app creaters like iFunia who provide video converter and dvd ripper for apple user.
    pennwarren
  • RE: HTML5 enables interactive ebook, games, and more

    The book app, yes, is great on Chrome.
    Znod
  • DHTML has been doing this for 12 years now...

    ...as so many people have pointed out.

    eBooks, Games, client-based apps?? get out more people!

    One example of the guys who have been thinking big from the beginning:

    http://webfx.eae.net

    Look at the dates of their posts and check out their site on archive.org. They have shown us what is possible.
    Mic Cox
    • RE: HTML5 enables interactive ebook, games, and more

      @Mic Cox The "effects" on the site you refer to rely on javascript and java (applets) rather than HTML alone to implement features. The point of this article is dynamic effects are available in HTML5 apart from the need for supplemental scripting or programming languages (or SSIs). Valid comparisons do require some understanding of the technologies being considered. Let's compare HTML to HTML.
      splong@...
      • RE: HTML5 enables interactive ebook, games, and more

        @splong@...
        Yeah, that's why that google example also has to rely on javascript. HTML5 alone does not do that.
        H3llb0und
  • RE: HTML5 enables interactive ebook, games, and more

    I also desire to signal in your RSS feeds. Thank you as soon as once again and maintain up the great operate!<a href="http://nccma.com">nccma</a> <a href="http://coolerkings.com">cooler</a>
    MACKENZI
  • RE: HTML5 enables interactive ebook, games, and more

    I used to be more than happy to seek out this internet-site.I wanted to thanks in your time for this glorious read!! I positively enjoying each little bit of it and I have you bookmarked to check out new stuff you weblog post. this thread is amazing i like your work and i appreciate you that you have share a useful stuff thanks for sharing <a href="http://the-ishop.com">the i shop</a> <a href="http://abatwa.com">abatwa</a>
    PEARLINEI
  • RE: HTML5 enables interactive ebook, games, and more

    I used to be more than happy to seek out this internet-site.I wanted to thanks in your time for this glorious read!! I positively enjoying each little bit of it and I have you bookmarked to check out new stuff you weblog post.Bookmarking now thanks please consider a follow up post.<a href="http://power28.com">power</a> <a href="http://sagesinc.com">sa</a> <a href="http://iloveshoping.net">shop</a>
    RHIANNONA
  • RE: HTML5 enables interactive ebook, games, and more

    I think the representation of this article is actually superb one. This is my first visit to your site. Thanks a lot and keep sharing the information. Keep updating the information for all of us. Thanks ZDNet Government was launched as the brand's first industry vertical, with a mission to cater to IT professionals in the public secto I agree with your post. However, do you have any sources I can cite for my paper <a href="http://easy-wheels.com/">wheel</a> <a href="http://pbcars.com/">car</a> <a href="http://com69.net">com</a> <a href="http://cadburry.com">bury</a>
    SATURNINA
  • RE: HTML5 enables interactive ebook, games, and more

    Well welcome, hopefully you can become a vital member of the community and really help to push far ahead of google. Which Im sure the development team would love. This will of course earn you alot points too and get you on the leaders board.<a href="http://vintagesnapbackhatsfan.com">z</a><a href="http://bestsolidstatedrive.net">d</a><a href="http://b2days.com/">n</a><a href="http://b2wp.com/">e</a><a href="http://buy-sell-cheap.com/">t</a> <a href="http://sellcheap.net/">t</a><a href="http://newsoftwarepc.com/">h</a><a href="http://bestlaptoppcreviews.com/">a</a><a href="http://buyfurniturefreeshipping.com/">n</a><a href="http://cheapclothingstoresonline.com/">k</a> Im not sure i come to an agreement with you on every level, howevor it absolutely was a good posting, many thanks for taking the time to put up your ideas.
    TOCCAR
  • RE: HTML5 enables interactive ebook, games, and more

    Thanks nice info <a href="http://buyboxinggloves.net/">z</a><a href="http://buygemicrowave.com/">d</a><a href="http://cheapweldingsupplies.com/">n</a><a href="http://cheapcarcareproducts.com/">e</a><a href="http://cheapluggageforsale.com/">t</a> I really liked your current article write more..let me add you to its favorite The articles you have on zdnet <a href="http://mlbshopgiants.com/">s</a><a href="http://best3dtvavailable.com/">i</a><a href="http://lampsplusstorelocator.com/">t</a><a href="http://discountperfumewebsites.com/">e</a> are always so enjoyable to read. Good work and I bookmarked it.
    MCKNIGH