夜宴8期《Dive into Mozilla Labs》

43
Dive into Mozilla Labs 大蒜 2009.10.09

Transcript of 夜宴8期《Dive into Mozilla Labs》

Page 1: 夜宴8期《Dive into Mozilla Labs》

Dive into Mozilla Labs大蒜 2009.10.09

Page 2: 夜宴8期《Dive into Mozilla Labs》

About Mozilla LabsLaboratories 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.

Page 3: 夜宴8期《Dive into Mozilla Labs》

http://labs.mozilla.com/http://mozillalabs.com/

Page 4: 夜宴8期《Dive into Mozilla Labs》

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).

Page 5: 夜宴8期《Dive into Mozilla Labs》
Page 6: 夜宴8期《Dive into Mozilla Labs》

更多图片参见 http://www.flickr.com/groups/raindropdesign

Page 7: 夜宴8期《Dive into Mozilla Labs》

更多图片参见 http://www.flickr.com/groups/raindropdesign

Page 8: 夜宴8期《Dive into Mozilla Labs》

延伸阅读:

http://mozillalabs.com/raindrophttps://wiki.mozillamessaging.org/Raindrop

Page 9: 夜宴8期《Dive into Mozilla Labs》

Weave

Synchronization engine - securely transports your browsing experience across all your devicesCryptographic engine - provides default client side encryption for all your dataWeave server - a secure storage location for all your encrypted dataAPIs - extension interfaces for 3rd party developers

Mozilla Weave enables you to have incredibly rich, personalized experiences across the web.

Page 10: 夜宴8期《Dive into Mozilla Labs》

Weave

Page 11: 夜宴8期《Dive into Mozilla Labs》

Weave

延伸阅读:

http://mozillalabs.com/weave/

Page 12: 夜宴8期《Dive into Mozilla Labs》

Bespin

Code in the cloudBespin 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.

Page 13: 夜宴8期《Dive into Mozilla Labs》

Bespin

Page 14: 夜宴8期《Dive into Mozilla Labs》

Bespin

Page 15: 夜宴8期《Dive into Mozilla Labs》

Bespin

延伸阅读:

http://mozillalabs.com/bespin/

Page 16: 夜宴8期《Dive into Mozilla Labs》

JetpackJetpack 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.

Page 17: 夜宴8期《Dive into Mozilla Labs》

Jetpack使用HTML、CSS和JavaScript开发

易于访问,可以像网页一样有固定地址

支持AJAX、<canvas>、<audio>和<vidio>

可以集成类库(jQuery、Dojo)

可以集成API库(Twitter、Google Map)

可以使用Firebug调试

安全控制,只给需要的人使用

可以方便查看源代码,更快确认没有恶意代码

版本可控制,而且不受Firefox升级影响

脚本很轻量级,但是功能很强,可以达到现有扩展水平

Page 18: 夜宴8期《Dive into Mozilla Labs》

Jetpack// koubei.jsjetpack.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/";});}});

Page 19: 夜宴8期《Dive into Mozilla Labs》

Jetpack

<link rel="jetpack" href="koubei.js" name="koubei icon">

https://jetpack.mozillalabs.com/install.htmlhttp://kxt.koubei.com/dasuan/jetpack/koubei/test.htmlabout:jetpack

Page 20: 夜宴8期《Dive into Mozilla Labs》

Jetpack延伸阅读:

https://jetpack.mozillalabs.com/http://userscripts.org/jetpackshttp://www.planabc.net/2009/10/13/build_firefox_extensions_with_jetpack/http://www.planabc.net/2009/10/14/jetpack_gmail_checker/

Page 21: 夜宴8期《Dive into Mozilla Labs》

Personas

Dress up your web browserPersonas are lightweight, easy-to-install and easy-to-change "skins" for your Firefox web browser.

Page 22: 夜宴8期《Dive into Mozilla Labs》

Personas

Page 23: 夜宴8期《Dive into Mozilla Labs》

Personas

延伸阅读:

http://www.getpersonas.com/http://www.spreadfirefox.com/http://www.foxkeh.com/

Page 24: 夜宴8期《Dive into Mozilla Labs》

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.

Page 25: 夜宴8期《Dive into Mozilla Labs》

Prism

Page 26: 夜宴8期《Dive into Mozilla Labs》

Prism

"C:\Program Files\Mozilla Firefox\firefox.exe" -app application.ini -override "C:\Documents and Settings\dasuan.cui\Application Data\WebApps\[email protected]\override.ini" -webapp [email protected]:\chrome-win32\chrome.exe --user-data-dir="D:\chrome-win32" --app="http://kxt.koubei.com/dasuan/"

Page 27: 夜宴8期《Dive into Mozilla Labs》

Prism

延伸阅读:

http://prism.mozilla.com/https://wiki.mozilla.org/Prism

Page 28: 夜宴8期《Dive into Mozilla Labs》

Snowl

Messaging in the browserCould 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.

Page 29: 夜宴8期《Dive into Mozilla Labs》

Snowl

Page 30: 夜宴8期《Dive into Mozilla Labs》

Snowl

延伸阅读:

http://mozillalabs.com/snowl/

Page 31: 夜宴8期《Dive into Mozilla Labs》

Test PilotJoin 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.

Page 32: 夜宴8期《Dive into Mozilla Labs》

Test Pilot

Become a Test Pilot!How test pilots helpYou control your own dataGet Involved

Page 33: 夜宴8期《Dive into Mozilla Labs》

Test Pilot

延伸阅读:

https://testpilot.mozillalabs.com/

Page 34: 夜宴8期《Dive into Mozilla Labs》

UbiquityDon’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.

Page 35: 夜宴8期《Dive into Mozilla Labs》

Ubiquity

Page 36: 夜宴8期《Dive into Mozilla Labs》

Ubiquity

Page 37: 夜宴8期《Dive into Mozilla Labs》

Ubiquity

类似产品:

http://do.davebsd.com/http://katapult.kde.org/http://developer.imendio.com/projects/gnome-launch-boxhttp://executor.dk/http://www.autohotkey.com/

Page 38: 夜宴8期《Dive into Mozilla Labs》

Ubiquity

延伸阅读:

http://mozillalabs.com/ubiquity/http://xbeta.info/firefox-ubiquity.htmhttp://lucifr.com/2008/08/29/ubiquity-commands-list-with-a-brief-manual/

Page 39: 夜宴8期《Dive into Mozilla Labs》

Concept Series

Inspire the FutureThe 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.

Page 40: 夜宴8期《Dive into Mozilla Labs》

Concept Series

延伸阅读:

http://mozillalabs.com/conceptseries/

Page 41: 夜宴8期《Dive into Mozilla Labs》

Other Labshttp://labs.opera.com/ http://www.googlelabs.com/ http://mail.google.com/mail/?st=labs#settings/labshttp://www.google.com/calendar/render?settings=4http://code.google.com/labs/ http://www.google.com/experimental/ http://toolbar.google.com/labs/http://labs.qq.com/http://labs.adobe.com/http://labs.koubei.com/ ?

Page 42: 夜宴8期《Dive into Mozilla Labs》

Thanks

Page 43: 夜宴8期《Dive into Mozilla Labs》

Update History

2009-10-09 开始准备2009-11-04 第一次分享2009-12-01 移植到Google Docs上