Google's Nifty Guide To Web Technology; It's iBooks-Like But Built With HTML5

Mg Siegler

MG Siegler is a general partner at Google Ventures and a columnist for TechCrunch, where he has been writing since 2009. Previously, MG was a general partner at CrunchFund. And before TechCrunch, MG covered various technology beats for VentureBeat. Originally from Ohio, MG attended the University of Michigan in Ann Arbor, MI. He’s previously lived in Los Angeles where he worked... → Learn More

Thursday, November 18th, 2010

In what they’re calling a throwback to the original comic book they released to announce the launch of Chrome, Google has today unveiled a new site meant to educate users about browsers and the web. 20 Things I Learned About Browsers & The Web is actually an interactive web app meant to look like a children’s book. And while the book’s content is all about web technology, the interactive book itself shows off some of that technology as it’s built entirely in HTML5. And it’s very slick.

In fact, it looks a lot like an Apple iBook — the book platform that Apple created for the iPad. It has a nice and clickable table of contents, a quick-jump area along the bottom, and if you hover over the corner of a page, it will even curl (clicking on the curl will turn the page). But again, all of this is done with HTML5.

Other cool things include the bookmark which doubles as a share button. If you hover over the area, the bookmark will drop down and reveal buttons to share on Facebook, Twitter, or Buzz. And because each page is actually a different HTML page with its own URL, you can share any individual page rather than the entire book itself. But despite each book page having its own URL, there is no reloading that goes on as you page through, it just looks as if you’re leafing through a book. Again, very slick.

As you might expect from Google, the entire book is also searchable. And there’s a way to “turn down the lights” (make everything but the book’s pages dim). And, thanks to HTML5, once you load the book, you can disconnect from the web and it will still work (assuming you’re using  an HTML5-compliant browser).

Google worked with illustrator Christoph Niemann on the book.

Company: Google
Website: google.com
Launch Date: September 7, 1998
IPO: NASDAQ:GOOG

Google provides search and advertising services, which together aim to organize and monetize the world’s information. In addition to its dominant search engine, it offers a plethora of online tools and platforms including: Gmail, Maps, YouTube, and Google+, the company’s extension into the social space. Most of its Web-based products are free, funded by Google’s highly integrated online advertising platforms AdWords and AdSense. Google promotes the idea that advertising should be highly targeted and relevant to users thus providing...

→ Learn more
Product: Google Chrome
Website: google.com
Company Google

Google Chrome is an based on the open source web browser Chromium which is based on Webkit. It was accidentally announced prematurely on September 1, 2008 and slated for release the following day. It premiered originally on Windows only, with Mac OS and Linux versions released in early 2010. Features include: Tabbed browsing where each tab gets its own process, leading to faster and more stable browsing. If one tab crashes, the whole browser doesn’t go down with it A...

→ Learn more

blog comments powered by Disqus