Extend the Browser with Jetpack
Upcoming SlideShare
Loading in...5
×
 

Extend the Browser with Jetpack

on

  • 7,734 views

My talk on Mozilla Labs' Jetpack project at the Boston JavaScript meetup: ...

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.

Statistics

Views

Total Views
7,734
Views on SlideShare
4,730
Embed Views
3,004

Actions

Likes
1
Downloads
14
Comments
0

11 Embeds 3,004

http://mitcho.com 2945
http://translate.googleusercontent.com 18
http://ubiquity.mozilla.com 14
http://www.slideshare.net 12
http://speakerrate.com 8
http://webcache.googleusercontent.com 2
http://feeds2.feedburner.com 1
http://static.slidesharecdn.com 1
http://admin.totalmarketing.com 1
http://fanyi.youdao.com 1
http://http.mitcho.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Extend the Browser with Jetpack Extend the Browser with Jetpack Presentation Transcript

  • Extend the Browser with Jetpack mitcho Michael Yoshitaka Erlewine Boston JavaScript Meetup February 25, 2010
  • mitcho linguist, coder, teacher Mozilla Labs: Ubiquity core developer, Jetpack Ambassador MIT: Linguistics PhD student mitcho.com @mitchoyoshitaka © 2010 Douglas Hanna
  • Today • extending Firefox with Jetpack add-ons • simple code demo • Jetpack present and future
  • The big question: hackability
  • the web should be generative
  • the browser should be generative
  • Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • 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
  • Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XUL 4. Extend Firefox contest
  • DEMO
  • + Firefox Addons largest extension platform ever
  • + Firefox Addons 1.5 million downloads
  • but...
  • Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
  • © John Slabyk
  • jetpack.mozillalabs.com
  • Jetpack a new way to extend Firefox doesn’t replace XUL add-ons
  • Jetpack It’s easy 1. JavaScript, HTML, CSS • use tools like • simple, modular API 2. instant install 3. easy debugging
  • Jetpack It’s easy 1. JavaScript, HTML, CSS • use tools like • simple, modular API 2. instant install 3. easy debugging
  • Jetpack It’s easy 1. JavaScript, HTML, CSS • use tools like • simple, modular API 2. instant install 3. easy debugging
  • Jetpack It’s easy 1. JavaScript, HTML, CSS • use tools like • simple, modular API 2. instant install 3. easy debugging
  • Jetpack It’s easy 1. JavaScript, HTML, CSS • use tools like • simple, modular API 2. instant install 3. easy debugging
  • Jetpack It’s secure 1. modularized “capabilities” 2. fast review 3. automatic updates
  • Jetpack It’s secure 1. modularized “capabilities” 2. fast review 3. automatic updates
  • Jetpack It’s secure 1. modularized “capabilities” 2. fast review 3. automatic updates
  • Jetpack It’s built for the future 1. stable API 2. compatible with future versions
  • Jetpack It’s built for the future 1. stable API 2. compatible with future versions
  • Jetpack DEMO 1: Helvetica
  • Jetpack DEMO 2: You Are Here
  • IP Query API (XML): ipinfodb.com/ip_query2.php?ip=meetup.com
  • Jetpack DEMO 2: You Are Here
  • © 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg Welcome to the future.
  • Jetpack prototype 0.8 jetpack.mozillalabs.com
  • Now, an important dispatch from the mothership... CC BY-NC-SA www.flickr.com/photos/joshmichtom/3846011713/
  • 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/joshmichtom/3846011713/
  • the Jetpack “reboot” CC BY-NC-SA flickr.com/photos/ urban_outlaw/2229348208/
  • the Jetpack “reboot” 1. produce full XPI’s and submit to AMO 2. adoption of Common JS • module system • add and share capabilities 3. better tools • built-in memory tracker, unit tests
  • the Jetpack “reboot” 1. produce full XPI’s and submit to AMO 2. adoption of Common JS • module system • add and share capabilities 3. better tools • built-in memory tracker, unit tests
  • the Jetpack “reboot” 1. produce full XPI’s and submit to AMO 2. adoption of Common JS • module system • add and share capabilities 3. better tools • built-in memory tracker, unit tests
  • the Jetpack “reboot” 1. produce full XPI’s and submit to AMO 2. adoption of Common JS • module system • add and share capabilities 3. better tools • built-in memory tracker, unit tests
  • the Jetpack “reboot” 1. produce full XPI’s and submit to AMO 2. adoption of Common JS • module system • add and share capabilities 3. better tools • built-in memory tracker, unit tests
  • the Jetpack “reboot” 1. produce full XPI’s and submit to AMO 2. adoption of Common JS • module system • add and share capabilities 3. better tools • built-in memory tracker, unit tests
  • the Jetpack “reboot” Coming March 2010 Learn more: wiki.mozilla.org/Labs/Jetpack/Reboot
  • Jetpack the benefits the power of add-ons + of a modern, webby api easy, secure, future-proof
  • CC BY-NC-SA flickr.com/photos/terryhart/2979919447/
  • Thank you! Questions? mitcho Michael Yoshitaka Erlewine by-nc-sa mitcho.com @mitchoyoshitaka