HTML5 Demos and Things

The browser wars panel is designed to be a discussion, so we didn’t use any kind of presentation media. So here’s a list of demos and resources so that you can learn more about stuff we talk about. Pictures speak volumes about what gets us excited about the web, anyway.

HTML5, CSS, and JavaScript Demos

• The Web O’ Wonder Website works in browsers that support the latest web standards.
• The Beauty of the Web site showcases a bunch of different things with a bit of an IE9 slant.
• HTML5 Rocks showcases a lot of great demos, which work best in Firefox 4 and the latest Chrome (but the site uses feature detection, so much of it will work in IE9 and Safari.).
• FourSquare Playground has a strong IE9 bias, but showcases HTML5.
• IE Test Drive. Need I say more about bias? Showcases HTML5, with the promise of some demos that may work cross-browser.
• Here’s a presentation I gave, which may actually have a Firefox bias, given that I showcased technologies that were “Moz” prefixed (e.g. MozOrientation). Still, shows off some great demos in a variety of arena (Geolocation, etc.).

WebGL Demos

To get maximum mileage out of these, you’ll want a fast PC with the latest Chrome or Firefox.

• The CopperLicht Stuff from Ambiera blows my mind every time.
• Flight of the Navigator is a really compelling mix of different elements.
• Remixing Reality is really compelling demo of the use of models.
• The WebGL Demo Repository at Khronos contains demos that are classic GL ones (that 3D programmers are all well familiar with).

Resources

• Can I Use provides incredibly useful feature matrices to determine which browser supports what in the HTML5 and CSS arena.
• Quirksmode is the go-to place for compatibility tables.

• Hacks is Mozilla’s showcase for articles, demos, and API updates.
• HTML5 Rocks features great stuff about HTML5, and includes code snippets and documentation for developers.
• HTML5 Now is Tantek Celik’s book on the subject.
• HTML5 for Web Designers is Jeremy Keith’s book on the subject.
• Bruce Lawson and Remy Sharp’s HTML5 Lands
• Learning WebGL and the WebGL Cookbook are great sites to learn WebGL