• Engine Yard
  • LivingSocial
  • VMware
  • Heroku
  • Rackspace Hosting
  • Blue Box Group
  • JetBrains
  • New Relic
  • Percona
  • Pivotal Labs
  • Rails Dog
  • WyeWorks
  • Chargify

Sponsorship Opportunities

For information on exhibition and sponsorship opportunities at RailsConf, contact Yvonne Romaine at yromaine@oreilly.com.

Download the RailsConf Sponsor/Exhibitor Prospectus

Contact Us

View a complete list of RailsConf contacts.

Building Web Apps with HTML5: Beyond the Buzzword

Mike Subelsky (OtherInbox)
Tutorial
Location: Ballroom III
Presentations: external link,
external link
Average rating: ***..
(3.62, 56 ratings)

HTML5 is the new hotness, but this tutorial aims to get past the hype. I will lead the class in a series of exercises that build understanding of new browser capabilities. We’ll make a simple multiplayer game that uses sprite animation on the canvas and websockets for communication among clients via an EventMachine-powered Ruby server.

The example will make extensive use of:

  1. WebSockets (including a demo of EM-WebSocket)
  2. The Canvas tag (and how to easily use it for animation effects)
  3. Web Workers
  4. Extended data attributes
  5. Enhanced form semantics
  6. Embedded audio and video, including the JavaScript API and HTTP live streaming to iOS devices
  7. Local and Session Storage
  8. Feature detection and fallbacks for older browsers
  9. Geolocation
  10. Cache manifests (offline mode)

Note: The only pre-requisite is to have the latest version of Chrome, Safari, or Firefox installed on your machine.

Photo of Mike Subelsky

Mike Subelsky

OtherInbox

I’m the co-founder of OtherInbox.com, a Rails startup founded in 2007 and based in Austin, TX. I have used HTML5 techniques to build the OtherInbox mobile site, our SproutCore interface, and other mobile apps for iOS devices.

Comments on this page are now closed.

Comments

Picture of Wes Gamble
Wes Gamble
05/17/2011 2:39pm EDT

Nice content. Good mix of issues.

Bashar Abdullah
04/30/2011 4:30am EDT

Great. Thanks

Picture of Mike Subelsky
Mike Subelsky
04/29/2011 11:22am EDT

Hi Bashar,

the only prerequisite is that you have the latest version of a modern browser installed (preferably Chrome but it will also work with Safari and Firefox)

All you need are basic HTML skills. I’ll be providing a detailed walkthrough, step-by-step.

Bashar Abdullah
04/29/2011 10:56am EDT

Is there specific perquisite or expected knowledge level for this tutorial?