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="http://hangzhou.koubei.com/favicon.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.qq.com/
http://labs.adobe.com/
Thanks
Update History
2009-10-09 开始准备
2009-11-04 第一次分享
2009-12-01 移植到Google Docs上

More Related Content

PDF
Web of Technologies Again
PDF
Steps to contribute to firefox os (gaia)
PDF
Firefox OS overview
PDF
Developing FirefoxOS
PDF
Koubei banquet 26
PDF
Make web as webapp
PDF
Mozilla Trans/L10n
PDF
Mozilla Firefox Bhopal
Web of Technologies Again
Steps to contribute to firefox os (gaia)
Firefox OS overview
Developing FirefoxOS
Koubei banquet 26
Make web as webapp
Mozilla Trans/L10n
Mozilla Firefox Bhopal

What's hot (18)

PDF
Extending WordPress
PDF
Yamama firefox presentation
PDF
Firefox 4 & THE AFTER
PDF
Koubei banquet 32
PDF
How Firefox Works
PPTX
HungryFox - Firefox Extension Workshop
PPTX
StarForce Technologies to Protect Games
PDF
20160803 devrel
PDF
Chrome OS: The Stateless Operating System
PPT
Word Camp Kansai 2014 - MVC Framework
PDF
Rapid Release
PPTX
mozilla firefox
PPTX
Web browsers
ODP
One year of FusionInventory
PDF
Week11
PDF
WordPress modern development
PDF
Magento and Continuous Integration - Damian Luszczymak
PDF
Firefox Developer Tools
Extending WordPress
Yamama firefox presentation
Firefox 4 & THE AFTER
Koubei banquet 32
How Firefox Works
HungryFox - Firefox Extension Workshop
StarForce Technologies to Protect Games
20160803 devrel
Chrome OS: The Stateless Operating System
Word Camp Kansai 2014 - MVC Framework
Rapid Release
mozilla firefox
Web browsers
One year of FusionInventory
Week11
WordPress modern development
Magento and Continuous Integration - Damian Luszczymak
Firefox Developer Tools
Ad

Viewers also liked (16)

PPT
(mini) China Financial IT Resourcing - Finance Tech Forum Jul 2010
 
PPT
Laiks Vīriem
KEY
PDF
Banquet 18
PDF
How Google Was Pwned: In-Depth Look into the Aurora Attacks
PDF
Trabant
PDF
Banquet 24
PDF
Koubei banquet 28
PDF
Charvat ppt gi2011_envirogrids towards blacksea cachment_final
PDF
Koubei banquet 29
PDF
Koubei banquet 33
PDF
Banquet 46
PDF
Koubei banquet 30
PDF
Banquet 49
PDF
Koubei banquet 31
PDF
Banquet 21
(mini) China Financial IT Resourcing - Finance Tech Forum Jul 2010
 
Laiks Vīriem
Banquet 18
How Google Was Pwned: In-Depth Look into the Aurora Attacks
Trabant
Banquet 24
Koubei banquet 28
Charvat ppt gi2011_envirogrids towards blacksea cachment_final
Koubei banquet 29
Koubei banquet 33
Banquet 46
Koubei banquet 30
Banquet 49
Koubei banquet 31
Banquet 21
Ad

Similar to Banquet 08 (20)

PPTX
Developing for Firefox
PDF
Mozcafe@bcrec1
PPT
Contributing To The Mozilla Codebase
PPTX
Introduction to Mozilla Student Reps
KEY
Mozilla's JetPack
PDF
Mozilla Project and Open Web
PDF
Fedora & Firefox! FF18 小聚
PDF
MozTW YZU CSE Lecture
PPTX
PDF
Mozilla: Under the Hood
KEY
Towards a More Secure, Reliable, and Performant Web: Tools / Approaches to Help
PDF
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
PDF
Culerity and Headless Full Stack Integration Testing
PPTX
Mozilla Nepal Maker Party 2015, Hetauda.
PPTX
Mozilla webmaker
PDF
Mozilla Research Party Talk
ODP
Contribute to mozilla
PPTX
Student reps 101_final
PDF
Berlin.JS Meetup
PDF
Echelon2010
Developing for Firefox
Mozcafe@bcrec1
Contributing To The Mozilla Codebase
Introduction to Mozilla Student Reps
Mozilla's JetPack
Mozilla Project and Open Web
Fedora & Firefox! FF18 小聚
MozTW YZU CSE Lecture
Mozilla: Under the Hood
Towards a More Secure, Reliable, and Performant Web: Tools / Approaches to Help
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
Culerity and Headless Full Stack Integration Testing
Mozilla Nepal Maker Party 2015, Hetauda.
Mozilla webmaker
Mozilla Research Party Talk
Contribute to mozilla
Student reps 101_final
Berlin.JS Meetup
Echelon2010

More from Koubei UED (20)

PDF
Banquet 47
PDF
Banquet 51
PDF
Banquet 50
PDF
Banquet 48
PDF
Banquet 45
PDF
Banquet 44
PDF
Banquet 43
PDF
Banquet 42
PDF
Banquet 41
PDF
Banquet 40
PDF
Banquet 39
PDF
Banquet 38
PDF
Banquet 37
PDF
Banquet 36
PDF
Koubei banquet 35
PDF
Koubei banquet 34
PDF
Koubei banquet 27
PDF
Koubei banquet 25
PDF
Banquet 23
PDF
Banquet 22
Banquet 47
Banquet 51
Banquet 50
Banquet 48
Banquet 45
Banquet 44
Banquet 43
Banquet 42
Banquet 41
Banquet 40
Banquet 39
Banquet 38
Banquet 37
Banquet 36
Koubei banquet 35
Koubei banquet 34
Koubei banquet 27
Koubei banquet 25
Banquet 23
Banquet 22

Banquet 08