mozilla and open web

Mozilla, Firefox, and the Open Web

HTML5, Web Hacks, Add-ons, Jetpack, Mobile & More

Brian King Free Software & Linux Days

Istanbul, Turkey - 3 April 2010

Manifesto

The Mozilla Manifesto

http://www.mozilla.org/about/manifesto

Mozilla 2010 Goals

1. Openness, participation, and distributed decision

making in Internet life2. Make data safer, more useful, and more

manageable3. Integrate mobile into one unified, open and

innovative Web4. Reinforce Firefox role as a driver for innovation,

choice, and a great user experience

Why Firefox?

Open SourceSafeCustomisable350+ million users (~25% market share)Made by a public benefit, not-for-profit organisationDevoted to enriching people’s lives by preserving choice and innovation on the Internet Global (Firefox 3.6 - 73+ locales)

Firefox 3.5

New Features for Web DevelopersTracemonkey - faster JavaScriptAudioVideoWeb Worker threadsXMLHttpRequest enhancements Geolocation Offline Storage

JavaScript 3.6

Consolidation of 3.5 features, speedier JavaScript, and:New CSS featuresDrag and DropFile APIWeb Open Font FormatDevice OrientationAnd more...

hacks.mozilla.org

Video

More than just a tag: http://hacks.mozilla.org/2009/07/video-more-than-just-a-tag/

AttributesJavaScript APIEvents

http://openvideoalliance.org/ Player: http://jilion.com/sublime/videoConverters: Miro, VLC, Pitivi

Web Workers

var worker = new Worker("worker.js"); // Create worker objectworker.postMessage(0); // Message the worker file// Triggered by postMessage in the worker fileworker.onmessage = function (event) { alert(event.data);}; worker.jsonmessage = function (evt) { // Receive value from postMessage, //process it and send it back postMessage(valueBack)};

Worker Usage

* Supported in Firefox 3.5+, Safari 4, and upcoming in ChromeBeware of spawning too many threads which can cause odd browser behaviour

Sometimes processing on the single thread can be faster, e.g. processing a large image and rendering it

Geolocation

Not part of HTML5 but the Geolocation API Specification.

if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (position) { alert(position.coords.latitude + ", " + position.coords.longitude); });}

More information from Robert Nyman

D&D, XHR and File API

XHR Enhancementscross-domainprogress indicators

File API

W3C Specificationasynchronously read from the filesystem

DEMO time

The Hackable Web

Advocated by Tristan Nitot, Mozilla Europe

http://www.slideshare.net/nitot/hackability-what-it-means-why-its-important The browser should provide tools for ...

accessibility and mashing-up contentenabling other tools

Wikipedia, Twitter, Flickr, Open Street Maps, ... and millions more.

2+ Billion Add-ons!

Why Add-ons?

Core to the Mozilla mission of “choice & innovation” Huge momentum versus other browsers. Customization is a key differentiator for Firefox and helps users feel like Firefox is “mine”Innovation incubator1st class deployment infrastructure at Mozilla Add-ons (AMO)

AMO - Fun Facts

2B downloaded from AMO (1.2M daily visitors) 250M add-ons in use Add-ons from AMO have been shared 140,000 times33-50% of Firefox installs have at least one add-on Average number of add-ons per user is 5

Add-on Store by the end of 2010

Vibrant Ecosystem of Startups

The Majors

3.7 Redesign - Add-ons in a Tab

Jetpack, aka Add-ons 2.0

Jetpack

Web-Based : Attractive to Web DevelopersMore secureRemixableRobust - Versioned APINo restart / Silent updates

Mobile

Guidance principle:

Bring the Web to mobile phones in a richer, broader way than before. Make the Web a platform for developers to create compelling content and applications for mobile devices.

Picture by Kai Hendry.

Mobile - Features

Tabs, Awesome Bar, Bookmarks, and so on...

... so, everything you expect from a browser.

Gestures, Panning, Zooming ... device dependent features ** NEW features being added all the time...

form autocomplete, tap-n-hold-context, site preferences, portrait rotation, scroll indicators, ...

Mobile Add-ons

Drumbeat

Mozilla Drumbeat is a global community of Mozillians who *use* web technology in new ways to understand, participate and take control of their online lives. Propose a project, get involved.

http://www.drumbeat.org/

Get Involved

Giving Back, in many ways... Write patches

Documentation File Bugs IRC Evangalism

Thanks!

brian@mozdev.org

Twitter: @brianking

Blog: http://brian.kingsonline.net/talk