CINXE.COM
Adobe Labs - Showcase Gallery
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/labs_master.dwt" codeOutsideHTMLIsLocked="false" --> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://labs.adobe.com/showcase/","20120207173356","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1328636036"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <!-- Template $Revision: 1.9 $ applied. --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Language" content="en-us"/> <link rel="icon" href="/web/20120207173356im_/http://labs.adobe.com/favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="/web/20120207173356im_/http://labs.adobe.com/favicon.ico" type="image/x-icon"/> <!-- InstanceParam name="ssi_syntax" type="text" value="#include virtual=" --> <!-- InstanceParam name="MMlocale" type="text" value="en_us" --> <!-- InstanceParam name="flashdetection" type="boolean" value="true" --> <!-- InstanceParam name="fma" type="boolean" value="false" --> <!-- InstanceParam name="pod" type="boolean" value="true" --> <!-- InstanceParam name="promo" type="boolean" value="false" --> <!-- InstanceParam name="infoPod" type="boolean" value="false" --> <!-- InstanceParam name="fullwidth" type="boolean" value="false" --> <!-- InstanceParam name="dynamicUI" type="boolean" value="false" --> <!-- InstanceParam name="popups" type="boolean" value="false" --> <link id="test-css" href="https://web.archive.org/web/20120207173356cs_/http://wwwimages.adobe.com/www.adobe.com/css/features_test.css" rel="stylesheet" rev="stylesheet" type="text/css" media="screen" charset="utf-8"/> <link rel="stylesheet" rev="stylesheet" href="https://web.archive.org/web/20120207173356cs_/http://wwwimages.adobe.com/www.adobe.com/css/handheld.css" type="text/css" media="handheld" charset="utf-8"/> <link rel="stylesheet" rev="stylesheet" href="https://web.archive.org/web/20120207173356cs_/http://wwwimages.adobe.com/www.adobe.com/css/assistive.css" type="text/css" media="aural, braille, embossed" charset="utf-8"/> <link rel="stylesheet" rev="stylesheet" href="https://web.archive.org/web/20120207173356cs_/http://wwwimages.adobe.com/www.adobe.com/css/print.css" type="text/css" media="print" charset="utf-8"/> <link rel="stylesheet" rev="stylesheet" href="https://web.archive.org/web/20120207173356cs_/http://wwwimages.adobe.com/www.adobe.com/css/labs_import.css" type="text/css" media="screen" charset="utf-8"/> <script src="https://web.archive.org/web/20120207173356js_/http://wwwimages.adobe.com/www.adobe.com/js/global.js" type="text/javascript" charset="utf-8"></script> <script src="https://web.archive.org/web/20120207173356js_/http://wwwimages.adobe.com/www.adobe.com/js/dyn/ui.js" type="text/javascript" charset="utf-8"></script> <script src="https://web.archive.org/web/20120207173356js_/http://wwwimages.adobe.com/www.adobe.com/js/htmltemplate/util.js" type="text/javascript" charset="utf-8"></script> <script src="https://web.archive.org/web/20120207173356js_/http://wwwimages.adobe.com/www.adobe.com/js/labs_globalnav.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> // <![CDATA[ com.adobe.www.is = false; // ]]> </script> <script type="text/javascript"> // <![CDATA[ com.adobe.htmltemplate.loadCondAssets("tab", "backcompat"); // ]]> </script> <!-- InstanceBeginEditable name="head" --> <title>Adobe Labs - Showcase Gallery</title> <link rel="stylesheet" rev="stylesheet" href="https://web.archive.org/web/20120207173356cs_/http://www.macromedia.com/css/handheld.css" type="text/css" media="handheld" charset="utf-8"/> <link rel="stylesheet" rev="stylesheet" href="https://web.archive.org/web/20120207173356cs_/http://www.macromedia.com/css/assistive.css" type="text/css" media="aural, braille, embossed" charset="utf-8"/> <link rel="stylesheet" rev="stylesheet" href="https://web.archive.org/web/20120207173356cs_/http://www.macromedia.com/css/print.css" type="text/css" media="print" charset="utf-8"/> <link rel="stylesheet" rev="stylesheet" href="/web/20120207173356cs_/http://labs.adobe.com/css/labs_import.css" type="text/css" media="screen" charset="utf-8"/> <!-- InstanceEndEditable --> </head> <body> <!--googleoff: index--><ul id="accesslink"><li><a href="/web/20120207173356/http://labs.adobe.com/help/accessibility.html" tabindex="1">Accessibility</a></li><li><a href="#depthpath">Skip global navigation</a></li> </ul><!--googleon: index--> <div id="labs-globalnav-wrapper"> <dl id="labs-companymenu"> <dt><a href="/web/20120207173356/http://labs.adobe.com/">Adobe Labs</a></dt> <dd> </dd> <dd> </dd> </dl> <ul id="labs-depthpath"> <li><a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/" target="_blank">Adobe.com Home</a></li> <li class="last-child"><a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/devnet.html" target="_blank">Adobe Developer Connection</a></li> </ul> <br class="clear-both"/> <div id="labs-globalnav"> <ul id="main-labs-nav"> <li><a href="/web/20120207173356/http://labs.adobe.com/">Home</a></li> <li><a href="/web/20120207173356/http://labs.adobe.com/technologies/">Technologies</a></li> <li><a href="/web/20120207173356/http://labs.adobe.com/wiki/">Wiki</a></li> <li><a href="/web/20120207173356/http://labs.adobe.com/downloads/">Downloads</a></li> <li><a href="/web/20120207173356/http://labs.adobe.com/community/">Community</a></li> <li><a href="/web/20120207173356/http://labs.adobe.com/rss_feeds/">RSS Feeds</a></li> <li class="last-child"><a href="/web/20120207173356/http://labs.adobe.com/about/">About Labs</a></li> </ul> <div id="labs-gnav-search"> <form id="labs-search" name="labs-search" method="get" action="https://web.archive.org/web/20120207173356/http://www.adobe.com/cfusion/labs/search.cfm" accept-charset="utf-8"> <input type="hidden" name="loc" value="en_us"/> <input type="text" class="textfield" name="term"/> <button name="search" type="submit" id="search-submit">Search</button> </form> </div> <img src="/web/20120207173356im_/http://labs.adobe.com/images/labs_master/labs_gnav_capbottom.gif" alt="cap bottom" id="labsnav-capBottom"/> </div> <ul id="labs-login-nav"> <li id="greeting">Welcome, <span id="screenName">Guest</span></li> <li id="account"><a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/go/labs_gnav_your_account">Your Account</a></li> <li id="signout" class="last-child" style="display: none"><a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/go/labs_gnav_sign_out">Logout</a></li> <li id="signin" class="last-child"><a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/go/labs_gnav_sign_in">Sign In</a></li> </ul> <script type="text/javascript"> var screenName = document.getElementById('screenName'), signin = document.getElementById('signin'), signout = document.getElementById('signout'); if(signin && signout && screenName) { var screenNameValue = adobe.Cookie.get("SCREENNAME"), authenticAdobeId = adobe.Cookie.get('AUID'); if(screenNameValue) { registerOnReady(function() { screenName.innerHTML = screenNameValue; }); } if(authenticAdobeId) { signout.style.display=""; signin.style.display="none"; } } </script> <a name="globalnav" id="globalnav"></a> </div> <div id="layoutLogic" class="partial-width with-pod"> <div id="gecko"><!-- InstanceBeginEditable name="header" --> <div id="depthpath"> <ol> <li class="last-child"><a href="/web/20120207173356/http://labs.adobe.com/">Home</a></li> </ol> </div> <h1>Showcase</h1> <!-- InstanceEndEditable --> <div id="contentBody"><!-- InstanceBeginEditable name="content" --> <h3>Spry framework for Ajax</h3> <p><a href="/web/20120207173356/http://labs.adobe.com/showcase/spry/" class="noHover"><img src="/web/20120207173356im_/http://labs.adobe.com/showcase/images/mapanno_525x145.jpg" alt="Mappano Mash Up" width="525" height="145"/></a> </p> <!-- InstanceEndEditable --></div> </div> <div id="pod"><!-- InstanceBeginEditable name="podContent" --> <h3><a href="/web/20120207173356/http://labs.adobe.com/wiki/index.php/Showcase">Showcase Submissions</a></h3> <p>The Labs team is interested in adding your best applications to the Showcase Gallery.</p> <div class="hr"> </div> <h3><a href="/web/20120207173356/http://labs.adobe.com/showcase/">Technology Showcases</a></h3> <ul class="nav-pod"> <li><a href="/web/20120207173356/http://labs.adobe.com/showcase/spry/">Spry framework for Ajax</a></li> </ul> <!-- InstanceEndEditable --></div> <div class="clear-both"> </div> <br/> <!-- extra break for opera 7 bug --> </div> <div id="capBottom" class="with-pod"> </div> <!--googleoff: index--> <!-- global footer $Revision: 1.12.16.1 $ --> <div id="contentFooter"> <div id="copyright-terms"> <p>Adobe Labs: <a href="/web/20120207173356/http://labs.adobe.com/">Home</a> | <a href="/web/20120207173356/http://labs.adobe.com/technologies/">Technologies</a> | <a href="/web/20120207173356/http://labs.adobe.com/wiki/">Wiki</a> | <a href="/web/20120207173356/http://labs.adobe.com/downloads/">Download</a> | <a href="/web/20120207173356/http://labs.adobe.com/community/">Community</a> | <a href="/web/20120207173356/http://labs.adobe.com/showcase/">Showcase</a> | <a href="/web/20120207173356/http://labs.adobe.com/rss_feeds/">RSS Feeds</a> | <a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/cfusion/labs/search.cfm">Search</a> | <a href="/web/20120207173356/http://labs.adobe.com/about/">About</a></p> <p>Adobe.com: <a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/" target="_blank">Home</a> | <a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/support/" target="_blank">Support</a> | <a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/devnet/" target="_blank">Developer Connection</a></p> <br/> <p>Copyright © 2012 Adobe Systems Incorporated. <a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/misc/copyright.html" target="_blank">All rights reserved</a>. <br/> Your use of the Adobe Labs including the download of software, submission of comments, ideas, feature requests and techniques, and Adobe's rights to use such submitted materials, is governed by the <a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/go/labs_term_of_use" target="_blank">Adobe.com Terms of Use</a> and the <a href="https://web.archive.org/web/20120207173356/http://www.adobe.com/go/labs_privacy_policy" target="_blank">Adobe Privacy Policy</a>.</p> </div> <br class="clear-both"/> </div> <!--googleon: index--> <script src="https://web.archive.org/web/20120207173356js_/http://wwwimages.adobe.com/www.adobe.com/js/htmltemplate/beforeonload.js" type="text/javascript"></script> <!-- InstanceBeginEditable name="analytics" --> <div style="display: none;"> <!-- SiteCatalyst code version: H.15.2 Copyright 2002 Omniture, Inc. More info available at http://www.omniture.com --> <script language="JavaScript" type="text/javascript"><!-- var s_code=' '; var s_Host=window.location.hostname.toLowerCase(); var s_account="mxmacromedia"; // Production Report Suite if (s_Host.indexOf("labs.adobe")== -1) s_account="mxadobetest"; // QA Report Suite var scJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20120207173356/https://www.adobe.com" : "https://web.archive.org/web/20120207173356/http://wwwimages.adobe.com"); document.write(unescape("%3Cscript src='" + scJsHost + "/uber/js/omniture_s_code.js' type='text/javascript'%3E%3C/script%3E")); //--></script> <script type="text/javascript"><!-- var s_accountName; var s_docHost = window.location.hostname.toLowerCase(); var s_docURL = window.location.pathname.toLowerCase(); if (s_docHost.indexOf("cps-internal.corp") != -1) { s_accountName="mxcpsinternal"; } else if ((s_docHost.indexOf(".dev.adobe.") != -1) || (s_docHost.indexOf("stage.") != -1) || (s_docHost.indexOf("staging.") != -1) || (s_docHost.indexOf(".sea.adobe") != -1) || (s_docHost.indexOf(".corp.adobe") != -1)) { s_accountName="mxadobetest"; } else { s_accountName="mxmacromedia"; } if (s_docURL.indexOf("/devnet/") != -1) { s_channel="DevNet"; // Track Tabs as Pages when targeted directly if (document.URL.indexOf("navID=") != -1) { var s_pairs = window.location.search.substring(1).split("&"); for (i=0;i<s_pairs.length;i++) { if (s_pairs[i].indexOf("navID=") != -1) s_pageName=document.URL.substring(0, document.URL.indexOf("?")+1) + s_pairs[i]; s_pageName=s_pageName.toLowerCase(); } } } else if (s_docURL.indexOf("/designcenter/") != -1) { s_channel="Adobe Design Center"; } else if ((s_docHost.indexOf("labs.adobe") != -1) || (s_docHost.indexOf("labs-staging.") != -1)) { s_channel="Labs"; } else if (s_docHost.indexOf("help.adobe.com") != -1) { // Tracking Learning Resources help.adobe.com s_channel="Support Help.adobe.com"; var s_title=document.title; if (s_title.indexOf("*") != -1) { s_title=document.title.substring(0,document.title.indexOf("*")); } s_pageName="Support help.adobe.com: " + s_title; s_prop23=document.URL; } else if (s_docHost.indexOf("kb2.adobe.com") != -1) { // Tracking Support Knowledgebase s_channel="Support Knowledgebase"; } if (!window.scMMInclude) { var s_wd=window,s_tm=new Date; if(s_code!=' '){ s_code=s_dc(s_accountName); if(s_code)document.write(s_code) } } else { s_wds(s_accountName);s_ca(s_accountName); } function sendAnalyticsEvent(str){var ns=s_accountName;if(str!=null)ns+=","+str;void(s_gs(ns));} function sendLinkEvent(accnt,lnkname,type){ accnt=s_accountName;s_linkType=type;s_lnk=true;s_linkName=lnkname;void(s_gs(accnt));} var searchForm = (document.forms["globalnav-search"]) || (document.forms["adc-globalnav-search"]); if(searchForm) { if (typeof s_channel == "undefined") { var s_channel; } s_pageName_input_value = (s_pageName!="" && s_pageName != null) ? s_pageName : window.location.href.split("?"); s_channel_input_value = (s_channel!="") ? s_channel : "Channel:n/a"; var s_pageName_input = new Element('input'); s_pageName_input.writeAttribute({ "name" : "s_pageName", "type" : "hidden", "value": s_pageName_input_value[0] }); var s_channel_input = new Element('input'); s_channel_input.writeAttribute({ "name" : "s_channel", "type" : "hidden", "value": s_channel_input_value }); Element.insert(searchForm, s_pageName_input ).insert(s_channel_input); } //--></script> <noscript><img src="https://web.archive.org/web/20120207173356im_/http://stats.adobe.com/b/ss/mxmacromedia/1/G.9-XELvs" height="1" width="1" border="0" alt=""/></noscript> <!-- End SiteCatalyst code version: H.15.2. --> </div> <!-- InstanceEndEditable --><img id="flash_pixel" name="flash_pixel" src="https://web.archive.org/web/20120207173356im_/http://wwwimages.adobe.com/www.adobe.com/images/pixel.gif" width="1" height="1" alt=""/> </body> <!-- InstanceEnd --></html><!-- FILE ARCHIVED ON 17:33:56 Feb 07, 2012 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:16:18 Mar 02, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.493 exclusion.robots: 0.036 exclusion.robots.policy: 0.026 esindex: 0.008 cdx.remote: 44.14 LoadShardBlock: 108.993 (3) PetaboxLoader3.datanode: 183.571 (4) load_resource: 150.983 PetaboxLoader3.resolve: 45.779 -->