Embracing The Web Platform

Arun Ranganathan

Mozilla Corporation

What Makes a Good Platform?

• Speed
  • JavaScript Performance Wars
• Power
  • Device Capabilities
  • Deployed at Scale
• Beauty
  • Make Users Say Wow!

What's In The Web?

• Faster JavaScript Than Ever
• Better Mashup Capabilities
• 2D and 3D Drawing Capabilities
• Virtualized Storage
• Device Integration
• (NO Plugins Needed!)
• Demos and Discussion

Integrating with File Systems

• Better File Analysis Capabilities in Web Pages
• File API supported in Fx 3.6
• Read operations; Data extraction

• Demo: File API in Fx3.6

  Explanation of Demo

Power: A Look at Better Mashups

• AJAX
• Mashups have to be safe
• Cross-Site XMLHttpRequest with CORS Headers
• In IE8, XDomainRequest with CORS Headers

• The TwitPic Demo

  Explanation of Demo

Make Data Location Aware

• Geolocation API in Browsers
• navigator.geolocation supported in Chrome and Firefox 3.5

• Demo: Flickr Maps

  Explanation of Demo

HTML5 and CSS3

• Support for CSS3@font-face in IE, Opera, Firefox, and others
• Dynamic Self Expression
• Implications for Indian fonts?

• Demo: font dragr

  Explanation of @font-face

Drawing in 2 Dimensions

• HTML5 Canvas Element, in Safari, Chrome, Firefox, Opera
• JavaScript Drawing API
• "Immediate" Mode Graphics

• Demo: Game in Canvas

  Canvas Tutorial

Orientation Events

• DOM Events Model: MozOrientation
• Not YET a standard

• Demo of MozOrientation

  Explanation of Orientation Events

Then, There's Video

• Support for <video > in Firefox, Chrome, Safari, Opera
• Question of codec remains contentious
• Some Demos
• Green Screen
• Washing Machine
• Dynamic Content Injection
• Video Fallbacks

WebGL: Bringing 3D to Canvas

• An API "on top" of underlying hardware API
• OpenGL ES2.0 and Shader-based
• Google, Apple, Opera, Mozilla on Board

• WebGL release and test

  Demo of 3D Games

  Learning WebGL Cookbook

Questions?

There are no foolish questions, only fools who do not question.

Keep in touch! arun@mozilla.com