Mozilla And Open Web

Click here to load reader

  • date post

    10-May-2015
  • Category

    Technology

  • view

    1.375
  • download

    0

Embed Size (px)

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 of Mozilla And Open Web

  • 1.Mozilla, Firefox, and the Open Web HTML5, Web Hacks, Add-ons, Jetpack, Mobile & More Brian King Free Software & Linux DaysIstanbul, Turkey - 3 April 2010

2. ManifestoThe Mozilla Manifestohttp://www.mozilla.org/about/manifesto 3. Mozilla 2010 Goals 1. Openness, participation, and distributed decisionmaking in Internet life 2. Make data safer, more useful, and more manageable 3. Integrate mobile into one unified, open and innovative Web4. Reinforce Firefox role as a driver for innovation, choice, and a great user experience 4. Why Firefox? Open SourceSafeCustomisable350+ million users (~25% market share)Made by a public benefit, not-for-profit organisationDevoted to enriching peoples lives by preserving choiceand innovation on the InternetGlobal (Firefox 3.6 - 73+ locales) 5. Firefox 3.5New Features for Web Developers Tracemonkey - faster JavaScript Audio Video Web Worker threads XMLHttpRequest enhancements Geolocation Offline Storage 6. JavaScript 3.6Consolidation of 3.5 features, speedier JavaScript, and: New CSS features Drag and Drop File API Web Open Font Format Device Orientation And more... 7. hacks.mozilla.org 8. VideoMore than just a tag:http://hacks.mozilla.org/2009/07/video-more-than-just-a-tag/ AttributesJavaScript APIEventshttp://openvideoalliance.org/ Player: http://jilion.com/sublime/video Converters: Miro, VLC, Pitivi 9. Web Workersvar worker = new Worker("worker.js"); // Create worker object worker.postMessage(0); // Message the worker file // Triggered by postMessage in the worker file worker.onmessage = function (event) {alert(event.data); };worker.js onmessage = function (evt) {// Receive value from postMessage,//process it and send it backpostMessage(valueBack) }; 10. Worker Usage* Supported in Firefox 3.5+, Safari 4, and upcoming in Chrome Beware of spawning too many threads which can cause odd browser behaviourSometimes processing on the single thread can be faster, e.g. processing a large image and rendering it 11. GeolocationNot 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 12. D&D, XHR and File APIXHR Enhancements cross-domain progress indicatorsFile API W3C Specification asynchronously read from the filesystemDEMO time 13. The Hackable WebAdvocated by Tristan Nitot, Mozilla Europehttp://www.slideshare.net/nitot/hackability-what-it-means-why- its-importantThe browser should provide tools for ...accessibility and mashing-up contentenabling other toolsWikipedia, Twitter, Flickr, Open Street Maps, ... and millions more. 14. 2+ Billion Add-ons! 15. Why Add-ons? Core to the Mozilla mission of choice & innovation Huge momentum versus other browsers. Customization is a key differentiator for Firefox and helpsusers feel like Firefox is mineInnovation incubator1st class deployment infrastructure at Mozilla Add-ons(AMO) 16. AMO - Fun Facts 2B downloaded from AMO (1.2M daily visitors)250M add-ons in useAdd-ons from AMO have been shared 140,000 times33-50% of Firefox installs have at least one add-onAverage number of add-ons per user is 5Add-on Store by the end of 2010 17. Vibrant Ecosystem of Startups 18. The Majors 19. 3.7 Redesign - Add-ons in a Tab 20. Jetpack, aka Add-ons 2.0 21. Jetpack Web-Based : Attractive to Web DevelopersMore secureRemixableRobust - Versioned APINo restart / Silent updates 22. MobileGuidance 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. 23. Picture by Kai Hendry. 24. 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, ... 25. Mobile Add-ons 26. DrumbeatMozilla 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/ 27. Get InvolvedGiving Back, in many ways...Write patches Documentation File BugsIRC Evangalism 28. Thanks! [email protected]: @briankingBlog: http://brian.kingsonline.net/talk