ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Dive into Mozilla Labs
   ´óËâ 2009.10.09
About Mozilla Labs
Laboratories are where science and creativity meet to
develop, research, and explore new ideas. Mozilla Labs
embraces this great tradition ¡ª a virtual lab where
people come together to create, experiment, and play
with new Web innovations and technologies.
Anything goes here. Crazy ideas and inspirations are
encouraged as we all explore and experiment with
brand new ideas in whole new ways. Mozilla Labs is
about inspiring and harnessing the intelligence,
wisdom, and energy of the Mozilla community; let¡¯s
imagine the future of the Web, and then let¡¯s build it
together.
http://labs.mozilla.
com/
http://mozillalabs.com/
Raindrop's mission: make it enjoyable to
participate in conversations from people you
care about, whether the conversations are in
email, on twitter, a friend's blog or as part of a
social networking site.
Raindrop uses a mini web server to fetch your
conversations from different sources (mail,
twitter, RSS feeds), intelligently pulls out the
important parts, and allows you to interact with
them using your favorite modern web browser
(Firefox, Safari or Chrome).
Banquet 08
¸ü¶à ͼƬ²Î¼û http://www.flickr.
¸ü¶à ͼƬ²Î¼û http://www.flickr.com/groups/raindropdesign
ÑÓÉìÔĶÁ£º
 http://mozillalabs.com/raindrop
 https://wiki.mozillamessaging.
 org/Raindrop
Weave
Synchronization engine - securely
transports your browsing experience
across all your devices
Cryptographic engine - provides default
client side encryption for all your data
Weave server - a secure storage location
for all your encrypted data
APIs - extension interfaces for 3rd party
developers
  Mozilla Weave enables you to have incredibly rich, personalized experiences across the web.
Weave
Weave
ÑÓÉìÔĶÁ£º
 http://mozillalabs.com/weave/
Bespin
Code in the cloud
  Bespin proposes an open extensible web-
  based framework for code editing that
  aims to increase developer productivity,
  enable compelling user experiences, and
  promote the use of open standards.
Bespin
Bespin
Bespin
ÑÓÉìÔĶÁ£º
 http://mozillalabs.com/bespin/
Jetpack
Jetpack is a newly formed experiment in using open
Web technologies to enhance the browser, with the
goal of allowing anyone who can build a Web site to
participate in making the Web a better place to work,
communicate and play.
In short, Jetpack is an API for allowing you to write
Firefox add-ons using the web technologies you
already know.
As with all Labs experiments, Jetpack is an open
source project and everyone is welcome to
participate in its design, development and testing.
Jetpack
ʹÓÃHTML¡¢CSSºÍJavaScript¿ª·¢
Ò×ÓÚ·ÃÎÊ£¬¿ÉÒÔÏñÍøÒ³Ò»ÑùÓй̶¨µØÖ·
Ö§³ÖAJAX¡¢<canvas>¡¢<audio>ºÍ<vidio>
¿ÉÒÔ¼¯³ÉÀà¿â£¨jQuery¡¢Dojo£©
¿ÉÒÔ¼¯³ÉAPI¿â£¨Twitter¡¢Google Map£©
¿ÉÒÔʹÓÃFirebugµ÷ÊÔ
°²È«¿ØÖÆ£¬Ö»¸øÐèÒªµÄÈËʹÓÃ
¿ÉÒÔ·½±ã²é¿´Ô´´úÂ룬¸ü¿ìÈ·ÈÏûÓжñÒâ´úÂë
°æ±¾¿É¿ØÖÆ£¬¶øÇÒ²»ÊÜFirefoxÉý¼¶Ó°Ïì
½Å±¾ºÜÇáÁ¿¼¶£¬µ«Êǹ¦ÄܺÜÇ¿£¬¿ÉÒÔ´ïµ½ÏÖÓÐÀ©Õ¹Ë®Æ½
Jetpack
// koubei.js
jetpack.statusBar.append({
html: '<img src=/slideshow/banquet-08/6413560/"http:/hangzhou.koubei.com/favicon1.ico">&
width: 16,
onReady: function(widget){
$(widget).click(function(){
jetpack.tabs.focused.contentWindow.location = "http://www.koubei.com/";
});
}
});
Jetpack
<link rel="jetpack" href="koubei.js" name="
koubei icon">




 https://jetpack.mozillalabs.com/install.html
 http://kxt.koubei.com/dasuan/jetpack/koubei/test.
 html
 about:jetpack
Jetpack
ÑÓÉìÔĶÁ£º
 https://jetpack.mozillalabs.com/
 http://userscripts.org/jetpacks
 http://www.planabc.
 net/2009/10/13/build_firefox_extensions_with_jetpack/
 http://www.planabc.net/2009/10/14/jetpack_gmail_checker/
Personas
Dress up your web browser
  Personas are lightweight, easy-to-install
  and easy-to-change "skins" for your
  Firefox web browser.
Personas
Personas
ÑÓÉìÔĶÁ£º
 http://www.getpersonas.com/
 http://www.spreadfirefox.com/
 http://www.foxkeh.com/
Prism
Bringing web applications to your
Desktop
  Prism is an application that lets users split
  web applications out of their browser and
  run them directly on their desktop.
Prism
Prism
"C:Program FilesMozilla Firefoxfirefox.
exe" -app application.ini -override "C:
Documents and Settingsdasuan.
cuiApplication
DataWebAppsdict@prism.appoverride.
ini" -webapp dict@prism.app
D:chrome-win32chrome.exe --user-data-
dir="D:chrome-win32" --app="http://kxt.
koubei.com/dasuan/"
Prism
ÑÓÉìÔĶÁ£º
 http://prism.mozilla.com/
 https://wiki.mozilla.org/Prism
Snowl
Messaging in the browser
  Could the web browser help you follow
  and participate in online discussions?
  Snowl is an experiment that examines
  several different ways to integrate online
  conversations into Firefox's interface.
Snowl
Snowl
ÑÓÉìÔĶÁ£º
 http://mozillalabs.com/snowl/
Test Pilot
Join to be a Test Pilot!
  Test Pilot is a platform aimed at collecting
  structured user feedback from Firefox and other
  Mozilla Labs experiments.
  As a Test pilot, not only will you try before
  anyone else the newest features and coolest
  user-interface ideas, you could also learn how
  those test results may contribute to future
  designs.
  The goal for this platform is to encourage
  everyone from all skill levels to improve the
  Web experience by participating in these tests.
Test Pilot
Become a Test Pilot!
How test pilots help
You control your own data
Get Involved
Test Pilot
ÑÓÉìÔĶÁ£º
 https://testpilot.mozillalabs.com/
Ubiquity
Don¡¯t just surf the web ¡ª command it!
   Ubiquity is a time-saving Firefox extension that simplifies common
   web activities by letting you give commands to Firefox. Ubiquity
   includes about 80 commands for speeding up common web
   activities (searching, translating, mapping, emailing, etc.), but also
   provides an API so you can write your own commands using
   Javascript. You can also share the commands you write, and
   subscribe to commands shared by other users.
   To make it easy for users to run these commands, Ubiquity
   provides a unique pseudo-natural-language input method: You type
   what you want to do, and Ubiquity guesses what you mean and
   suggests the best-matching commands. For instance, you can
   select some foreign-language text on a web page, hit a hotkey to
   bring up the Ubiquity interface, and type "translate" (or just type "tr"
   and let Ubiquity figure out that you mean the translate command);
   then hit enter to have the selected text replaced, right in the page,
   with a translation to your language.
Ubiquity
Ubiquity
Ubiquity
ÀàËƲúÎ
 http://do.davebsd.com/
 http://katapult.kde.org/
 http://developer.imendio.
 com/projects/gnome-launch-box
 http://executor.dk/
 http://www.autohotkey.com/
Ubiquity
ÑÓÉìÔĶÁ£º
 http://mozillalabs.com/ubiquity/
 http://xbeta.info/firefox-ubiquity.htm
 http://lucifr.com/2008/08/29/ubiquity-
 commands-list-with-a-brief-manual/
Concept Series
Inspire the Future
  The Concept Series aims to provoke
  thought, facilitate discussion, and inspire
  future design directions for Firefox, the
  Mozilla project, and the Web as a whole.
  Get involved and share your ideas and
  expertise as we collectively explore and
  design future directions for the Web.
Concept Series
ÑÓÉìÔĶÁ£º
 http://mozillalabs.com/conceptseries/
Other Labs
http://labs.opera.com/
http://www.googlelabs.com/
http://mail.google.com/mail/?
st=labs#settings/labs
http://www.google.com/calendar/render?
settings=4
http://code.google.com/labs/
http://www.google.com/experimental/
http://toolbar.google.com/labs/
http://labs./
http://labs.adobe.com/
Thanks
Update History
2009-10-09 ¿ªÊ¼×¼±¸
2009-11-04 µÚÒ»´Î·ÖÏí
2009-12-01 ÒÆÖ²µ½Google DocsÉÏ

More Related Content

Banquet 08