Extend the Browser with Jetpack

  • View
    7.862

  • Download
    0

Embed Size (px)

DESCRIPTION

My talk on Mozilla Labs' Jetpack project at the Boston JavaScript meetup: Project Jetpack is Mozilla's recent initiative to explore new ways to make extending the browser easier. Jetpack lets web developers and browser hackers alike use the open web stack of HTML/CSS/JS to modify the Firefox browser itself. Come see Jetpack in action and learn about recent developments in the project from mitcho, a Mozilla Jetpack Ambassador right here in the Boston area.

Text of Extend the Browser with Jetpack

  • 1. Extend the Browser with Jetpack mitcho Michael Yoshitaka Erlewine Boston JavaScript Meetup February 25, 2010
  • 2. mitcho linguist, coder, teacher Mozilla Labs: Ubiquity core developer, Jetpack Ambassador MIT: Linguistics PhD student mitcho.com @mitchoyoshitaka 2010 Douglas Hanna
  • 3. Today extending Firefox with Jetpack add-ons simple code demo Jetpack present and future
  • 4. The big question: hackability
  • 5. the web should be generative
  • 6. the browser should be generative
  • 7. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 8. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 9. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild my favorites: Tree Style Tabs, del.icio.us, Firebug, After the Deadline
  • 10. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 11. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 12. DEMO
  • 13. + Firefox Addons largest extension platform ever
  • 14. + Firefox Addons 1.5 million downloads
  • 15. but...
  • 16. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 17. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 18. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 19. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • 20. John Slabyk
  • 21. jetpack.mozillalabs.com
  • 22. Jetpack a new way to extend Firefox doesnt replace XUL add-ons
  • 23. Jetpack Its easy 1. JavaScript, HTML, CSS use tools like simple, modular API 2. instant install 3. easy debugging
  • 24. Jetpack Its easy 1. JavaScript, HTML, CSS use tools like simple, modular API 2. instant install 3. easy debugging
  • 25. Jetpack Its easy 1. JavaScript, HTML, CSS use tools like simple, modular API 2. instant install 3. easy debugging
  • 26. Jetpack Its easy 1. JavaScript, HTML, CSS use tools like simple, modular API 2. instant install 3. easy debugging
  • 27. Jetpack Its easy 1. JavaScript, HTML, CSS use tools like simple, modular API 2. instant install 3. easy debugging
  • 28. Jetpack Its secure 1. modularized capabilities 2. fast review 3. automatic updates
  • 29. Jetpack Its secure 1. modularized capabilities 2. fast review 3. automatic updates
  • 30. Jetpack Its secure 1. modularized capabilities 2. fast review 3. automatic updates
  • 31. Jetpack Its built for the future 1. stable API 2. compatible with future versions
  • 32. Jetpack Its built for the future 1. stable API 2. compatible with future versions
  • 33. Jetpack DEMO 1: Helvetica
  • 34. Jetpack DEMO 2: You Are Here
  • 35. IP Query API (XML): ipinfodb.com/ip_query2.php?ip=meetup.com
  • 36. Jetpack DEMO 2: You Are Here
  • 37. 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg Welcome to the future.
  • 38. Jetpack prototype 0.8 jetpack.mozillalabs.com
  • 39. Now, an important dispatch from the mothership... CC BY-NC-SA www.flickr.com/photos/joshmichtom/3846011713/
  • 40. Now, an important dispatch from the mothership... This is a prototype. CC BY-NC-SA flickr.com/photos/the_pdub/4269928124/ CC BY-NC-SA www.flickr.com/photos/joshmichto