mozilla and open web
DESCRIPTION
As the Web is becoming the main ground computing, browsers need to evolve to meet the demands. It can not be driven by the simple HTML markup of yesteryear, but by a more sophisticated API and faster JavaScript. Firefox is leading the way, implementing the HTML5 specification and other enhanced features for developers. This talk will delve deeper into some of these features such as Open Video, Web Workers, Geolocation and the File API. We'll take some detours here and there to discuss the role of Mozilla in the wider fields of data, privacy, and the Open Web.TRANSCRIPT
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!
Twitter: @brianking
Blog: http://brian.kingsonline.net/talk