Web Technology for Business

Arun Ranganathan

Mozilla Corporation

What Is Open?

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

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?
• Implications for Businesses?

• Demo: font dragr

  Explanation of @font-face

Case Study: TypeKit.com

• Business Based on Open Fonts
• "Registration" Model In Effect
• The Curious Case of Self Expression

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

Some Thoughts on Open Video

• pad.ma
• youtube.com
• dailymotion.com

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