Groan, I thought. Not another HTML5 showcase. We get it, … we really get it! HTML5 is cool! It’s awesome, it’s the next big thing, and it’s going to make us all insanely rich and handsome!
But what’s different about HTML5 Studio (and its main saving grace, if you ask me) is that it’s made by Google. Yup! Straight from the big G come nine HTML5 examples, including such favorites as the Slider Carousel, Drag n Drop Photos, and more.
Some examples are not customizable, which means that what you see is what you get. You can download the whole demo, though, or you can view the source.
Other demos (like the Newspaper Columns one) are more customizable, and they have a few sliders that you can move around in order to see how they affect the layout.
The resulting CSS is complex. To be honest, the whole thing feels so unlike Google that, if it didn’t have that “Made by Google” text at the bottom and the Twitter link that leads to ChromiumDev, I would never have thought it was a Google product; I nearly skipped it before I noticed the label.
Another disclaimer that appears on the site says, “This site contains information on APIs that are not part of the current W3C HTML5 specification.” So, I guess that you can mainly count on these examples to work in Chrome (and the ones that I’ve tried do), but don’t push your luck with other browsers.