Differences

This shows you the differences between two versions of the page.

Link to this comparison view

demos [2012/07/03 15:42]
mwittemann
demos [2013/12/10 15:44] (current)
mwittemann
Line 1: Line 1:
 ====== Demos ====== ====== Demos ======
 <html> <html>
 +<style type="text/css">
 +  section#content a img { border: 1px solid #bbb; padding: 0px !important; }
 +</style>
  
 <div id="domains" class="all"> <div id="domains" class="all">
Line 8: Line 11:
 </div> </div>
  
-<section class="domain website">+<section id="website" class="domain website">
   <div class="title">   <div class="title">
     <h2>Website</h2>     <h2>Website</h2>
   </div>   </div>
   <div class="demo">   <div class="demo">
 +      <a href="http://demo.qooxdoo.org/current/websitewidgetbrowser/index.html"><h3>Widget Browser (Web)</h3></a>
 +      <p>Demos widgets and theme of qx.Website.</p>
 +      <a style="float: left; padding: 0; width:100%" href="http://demo.qooxdoo.org/devel/websitewidgetbrowser/index.html">
 +        <img src="/_media/screenshots/websitewidgetbrowser.png">
 +      </a>
 +      <div class="primary">
 +        <h3>Devel</h3>
 +        <ul>
 +          <li><a href="http://demo.qooxdoo.org/devel/websitewidgetbrowser/index.html">Run demo</a></li>
 +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/websitewidgetbrowser">Browse code</a></li>
 +        </ul>
 +      </div>
 +      <div class="secondary">
 +        <h3>Current</h3>
 +        <ul>
 +          <li><a href="http://demo.qooxdoo.org/current/websitewidgetbrowser/index.html">Run demo</a></li>
 +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/websitewidgetbrowser">Browse code</a></li>
 +        </ul>
 +      </div>
 +  </div>
 +  <div class="demo last">
     <a href="http://demo.qooxdoo.org/current/website-api/"><h3>API Viewer (Web)</h3></a>     <a href="http://demo.qooxdoo.org/current/website-api/"><h3>API Viewer (Web)</h3></a>
     <p>The API Viewer for qx.Website,<br>made with qx.Website.</p>     <p>The API Viewer for qx.Website,<br>made with qx.Website.</p>
Line 19: Line 43:
       <h3>Devel</h3>       <h3>Devel</h3>
       <ul>       <ul>
-        <li><a href="http://demo.qooxdoo.org/devel/website-api/">View Demo</a></li> +        <li><a href="http://demo.qooxdoo.org/devel/website-api/">Run demo</a></li> 
-        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/component/standalone/website/api">Browse Code</a></li>+        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/component/standalone/website/api">Browse code</a></li>
       </ul>       </ul>
     </div>     </div>
Line 26: Line 50:
       <h3>Current</h3>       <h3>Current</h3>
       <ul>       <ul>
-        <li><a href="http://demo.qooxdoo.org/current/website-api/">View Demo</a></li> +        <li><a href="http://demo.qooxdoo.org/current/website-api/">Run demo</a></li> 
-        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/component/standalone/website/api">Browse Code</a></li>+        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/component/standalone/website/api">Browse code</a></li>
       </ul>       </ul>
     </div>     </div>
   </div>   </div>
  
-  <div class="demo last">+  <div class="demo first">
     <a href="http://demo.qooxdoo.org/current/feedreader-website/"><h3>Feedreader (Web)</h3></a>     <a href="http://demo.qooxdoo.org/current/feedreader-website/"><h3>Feedreader (Web)</h3></a>
     <p>An online feed reader,<br> qx.Website view.</p>     <p>An online feed reader,<br> qx.Website view.</p>
Line 39: Line 63:
       <h3>Devel</h3>       <h3>Devel</h3>
       <ul>       <ul>
-        <li><a href="http://demo.qooxdoo.org/devel/feedreader-website/">View Demo</a></li> +        <li><a href="http://demo.qooxdoo.org/devel/feedreader-website/">Run demo</a></li> 
-        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/feedreader">Browse Code</a></li>+        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/feedreader">Browse code</a></li>
       </ul>       </ul>
     </div>     </div>
Line 46: Line 70:
       <h3>Current</h3>       <h3>Current</h3>
       <ul>       <ul>
-        <li><a href="http://demo.qooxdoo.org/current/feedreader-website/">View Demo</a></li> +        <li><a href="http://demo.qooxdoo.org/current/feedreader-website/">Run demo</a></li> 
-        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/feedreader">Browse Code</a></li>+        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/feedreader">Browse code</a></li>
       </ul>       </ul>
     </div>     </div>
   </div>   </div>
-  <div class="demo first">+  <div class="demo last">
     <a href="http://demo.qooxdoo.org/current/todo/"><h3>Todo</h3></a>     <a href="http://demo.qooxdoo.org/current/todo/"><h3>Todo</h3></a>
     <p>A simple todo application based on qx.Website.</p>     <p>A simple todo application based on qx.Website.</p>
Line 58: Line 82:
       <h3>Devel</h3>       <h3>Devel</h3>
       <ul>       <ul>
-        <li><a href="http://demo.qooxdoo.org/devel/todo/">View Demo</a></li> +        <li><a href="http://demo.qooxdoo.org/devel/todo/">Run demo</a></li> 
-        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/todo">Browse Code</a></li>+        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/todo">Browse code</a></li>
       </ul>       </ul>
     </div>     </div>
Line 65: Line 89:
       <h3>Current</h3>       <h3>Current</h3>
       <ul>       <ul>
-        <li><a href="http://demo.qooxdoo.org/current/todo/">View Demo</a></li> +        <li><a href="http://demo.qooxdoo.org/current/todo/">Run demo</a></li> 
-        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/todo">Browse Code</a></li>+        <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/todo">Browse code</a></li>
       </ul>       </ul>
     </div>     </div>
Line 72: Line 96:
 </section> </section>
  
-<section class="domain mobile">+<section id="mobile" class="domain mobile">
   <div class="title">   <div class="title">
     <h2>Mobile</h2>     <h2>Mobile</h2>
   </div>   </div>
   <div class="demo">   <div class="demo">
-      <a href="http://demo.qooxdoo.org/current/feedreader-mobile/"><h3>Feedreader (Mobile)</h3></a> +      <a href="http://demo.qooxdoo.org/devel/mobileshowcase/index.html"><h3>Showcase (Mobile)</h3></a> 
-      <p>An online feed reader,<br> qx.Mobile view.</p> +      <p>Showcases widgets and themes of qx.Mobile.</p> 
-      <a href="http://demo.qooxdoo.org/current/feedreader-mobile/"><img src="/_media/screenshots/feedreader-mobile.png"></a>+      <a style="float: left; padding: 0; width:100%" href="http://demo.qooxdoo.org/devel/mobileshowcase/index.html"> 
 +        <img src="/_media/screenshots/showcase-mobile.png"> 
 +      </a>
       <div class="primary">       <div class="primary">
         <h3>Devel</h3>         <h3>Devel</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/devel/feedreader-mobile/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/devel/mobileshowcase/index.html">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/feedreader">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/mobileshowcase">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 90: Line 116:
         <h3>Current</h3>         <h3>Current</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/current/feedreader-mobile/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/current/mobileshowcase/index.html">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/feedreader">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/mobileshowcase">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
   </div>   </div>
   <div class="demo last">   <div class="demo last">
-      <a href="http://demo.qooxdoo.org/current/mobileshowcase/build-ios/index.html"><h3>Showcase</h3></a> +      <a href="http://demo.qooxdoo.org/current/feedreader-mobile/"><h3>Feedreader (Mobile)</h3></a> 
-      <p>Showcases widgets and themes of qx.Mobile.</p> +      <p>An online feed reader,<brqx.Mobile view.</p
-      <a style="float: left; padding: 0" href="http://demo.qooxdoo.org/current/mobileshowcase-ios/index.html"> +      <a href="http://demo.qooxdoo.org/current/feedreader-mobile/"><img src="/_media/screenshots/feedreader-mobile.png"></a>
-        <;img style="width: 141px" src=";/_media/screenshots/showcase-mobile-ios.png"+
-      </a+
-      <a style="float: left; padding: 0" href="http://demo.qooxdoo.org/current/mobileshowcase-android/index.html"> +
-        <img style="width: 144px" src="/_media/screenshots/showcase-mobile-android.png"> +
-      </a>+
       <div class="primary">       <div class="primary">
         <h3>Devel</h3>         <h3>Devel</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/devel/mobileshowcase-ios/index.html">View (iOS)</a></li> +          <li><a href="http://demo.qooxdoo.org/devel/feedreader-mobile/">Run demo</a></li> 
-          <li><a href="http://demo.qooxdoo.org/devel/mobileshowcase-android/index.html">View (Android)</a></li> +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/feedreader">Browse code</a></li>
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/mobileshowcase">Browse Code</a></li>+
         </ul>         </ul>
       </div>       </div>
Line 115: Line 135:
         <h3>Current</h3>         <h3>Current</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/current/mobileshowcase/index-ios.html">View (iOS)</a></li> +          <li><a href="http://demo.qooxdoo.org/current/feedreader-mobile/">Run demo</a></li> 
-          <li><a href="http://demo.qooxdoo.org/current/mobileshowcase/index.html">View (Android)</a></li> +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/feedreader">Browse code</a></li>
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/mobileshowcase">Browse Code</a></li>+
         </ul>         </ul>
       </div>       </div>
Line 128: Line 147:
         <h3>Devel</h3>         <h3>Devel</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/devel/playground/#Hello%20World-mobile">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/devel/playground/#Hello%20World-mobile">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/playground">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/playground">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 135: Line 154:
         <h3>Current</h3>         <h3>Current</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/current/playground/#Hello%20World-mobile">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/current/playground/#Hello%20World-mobile">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/playground">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/playground">Browse code</a></li> 
 +        </ul> 
 +      </div> 
 +  </div> 
 +  <div class="demo last"> 
 +      <a href="http://demo.qooxdoo.org/current/tutorial/index.html#mobile~Hello_World"><h3>Tutorial</h3></a> 
 +      <p>Beginners tutorial to learn the basics of qooxdoo mobile.</p> 
 +      <a style="float: left; padding: 0; width:100%" href="http://demo.qooxdoo.org/current/tutorial/index.html#mobile~Hello_World"> 
 +        <img src="/_media/screenshots/tutorial-mobile.png"> 
 +      </a> 
 +      <div class="primary"> 
 +        <h3>Devel</h3> 
 +        <ul> 
 +          <li><a href="http://demo.qooxdoo.org/devel/tutorial/index.html#mobile~Hello_World">Run demo</a></li> 
 +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/tutorial">Browse code</a></li> 
 +        </ul> 
 +      </div> 
 +      <div class="secondary"> 
 +        <h3>Current</h3> 
 +        <ul> 
 +          <li><a href="http://demo.qooxdoo.org/current/tutorial/index.html#mobile~Hello_World">Run demo</a></li> 
 +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/tutorial">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 148: Line 188:
 </section> </section>
  
-<section class="domain desktop">+<section id="desktop" class="domain desktop">
   <div class="title">   <div class="title">
     <h2>Desktop</h2>     <h2>Desktop</h2>
   </div>   </div>
   <div class="demo">   <div class="demo">
-      <a href="http://demo.qooxdoo.org/current/feedreader/"><h3>Feedreader (Desktop)</h3></a> +      <a href="http://demo.qooxdoo.org/current/widgetbrowser/"><h3>Widget Browser (Desktop)</h3></a> 
-      <p>An online feed reader,<br> qx.Desktop view.</p> +      <p>Demos widgets and themes of qx.Desktop.</p> 
-      <a href="http://demo.qooxdoo.org/current/feedreader/"><img src="/_media/screenshots/feedreader-desktop.png"></a>+      <a href="http://demo.qooxdoo.org/current/widgetbrowser/"><img src="/_media/screenshots/widgetbrowser.png"></a>
       <div class="primary">       <div class="primary">
         <h3>Devel</h3>         <h3>Devel</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/devel/feedreader/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/devel/widgetbrowser/">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/feedreader">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/widgetbrowser">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 166: Line 206:
         <h3>Current</h3>         <h3>Current</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/current/feedreader/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/current/widgetbrowser/">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/feedreader">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/widgetbrowser">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
   </div>   </div>
   <div class="demo last">   <div class="demo last">
-      <a href="http://demo.qooxdoo.org/current/showcase/"><h3>Showcase</h3></a>+      <a href="http://demo.qooxdoo.org/current/showcase/"><h3>Showcase (Desktop)</h3></a>
       <p>Showcases some features of qx.Desktop.</p>       <p>Showcases some features of qx.Desktop.</p>
       <a href="http://demo.qooxdoo.org/current/showcase/"><img src="/_media/screenshots/showcase-desktop.png"></a>       <a href="http://demo.qooxdoo.org/current/showcase/"><img src="/_media/screenshots/showcase-desktop.png"></a>
Line 178: Line 218:
         <h3>Devel</h3>         <h3>Devel</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/devel/showcase/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/devel/showcase/">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/showcase">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/showcase">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 185: Line 225:
         <h3>Current</h3>         <h3>Current</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/current/showcase/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/current/showcase/">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/showcase">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/showcase">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
   </div>   </div>
   <div class="demo first">   <div class="demo first">
-      <a href="http://demo.qooxdoo.org/current/widgetbrowser/"><h3>Widgetbrowser</h3></a> +      <a href="http://demo.qooxdoo.org/current/feedreader/"><h3>Feedreader (Desktop)</h3></a> 
-      <p>Demos widgets and themes of qx.Desktop.</p> +      <p>An online feed reader,<br> qx.Desktop view.</p> 
-      <a href="http://demo.qooxdoo.org/current/widgetbrowser/"><img src="/_media/screenshots/widgetbrowser.png"></a>+      <a href="http://demo.qooxdoo.org/current/feedreader/"><img src="/_media/screenshots/feedreader-desktop.png"></a>
       <div class="primary">       <div class="primary">
         <h3>Devel</h3>         <h3>Devel</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/devel/widgetbrowser/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/devel/feedreader/">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/widgetbrowser">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/feedreader">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 204: Line 244:
         <h3>Current</h3>         <h3>Current</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/current/widgetbrowser/">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/current/feedreader/">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/showcase">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/feedreader">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 216: Line 256:
         <h3>Devel</h3>         <h3>Devel</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/devel/playground/#Hello%20World-ria">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/devel/playground/#Hello%20World-ria">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/playground">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/playground">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 223: Line 263:
         <h3>Current</h3>         <h3>Current</h3>
         <ul>         <ul>
-          <li><a href="http://demo.qooxdoo.org/current/playground/#Hello%20World-ria">View Demo</a></li> +          <li><a href="http://demo.qooxdoo.org/current/playground/#Hello%20World-ria">Run demo</a></li> 
-          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_2_0_1/application/playground">Browse Code</a></li>+          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/playground">Browse code</a></li> 
 +        </ul> 
 +      </div> 
 +  </div> 
 +  <div class="demo first"> 
 +      <a href="http://demo.qooxdoo.org/current/tutorial/index.html#desktop~Hello_World"><h3>Tutorial</h3></a> 
 +      <p>Beginners tutorial to learn the basics of qooxdoo desktop.</p> 
 +      <a style="float: left; padding: 0; width:100%" href="http://demo.qooxdoo.org/current/tutorial/index.html#desktop~Hello_World"> 
 +        <img src="/_media/screenshots/tutorial.png"> 
 +      </a> 
 +      <div class="primary"> 
 +        <h3>Devel</h3> 
 +        <ul> 
 +          <li><a href="http://demo.qooxdoo.org/devel/tutorial/index.html#desktop~Hello_World">Run demo</a></li> 
 +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/master/application/tutorial">Browse code</a></li> 
 +        </ul> 
 +      </div> 
 +      <div class="secondary"> 
 +        <h3>Current</h3> 
 +        <ul> 
 +          <li><a href="http://demo.qooxdoo.org/current/tutorial/index.html#desktop~Hello_World">Run demo</a></li> 
 +          <li><a href="https://github.com/qooxdoo/qooxdoo/tree/release_3_5/application/tutorial">Browse code</a></li>
         </ul>         </ul>
       </div>       </div>
Line 241: Line 302:
 ====== Tools ====== ====== Tools ======
 <html> <html>
-<div style="background-color: #F0F0F0; padding: 1em">+ 
 +<style type="text/css"> 
 +td.screenshot a img {  
 +  height: 70px; 
 +  border: 1px solid #bbb; 
 +  margin-right: 12px; 
 +
 +td.screenshot { 
 +  text-align: center; 
 +
 +</style> 
 + 
 +<div style="background-color: #F0F0F0; padding: 1em; width:806px">
 qooxdoo comes with a set of powerful tools that help you develop advanced JavaScript applications.<br>Take a look at the <a href="/demos/tools">list of development tools</a> that come with the framework. qooxdoo comes with a set of powerful tools that help you develop advanced JavaScript applications.<br>Take a look at the <a href="/demos/tools">list of development tools</a> that come with the framework.
 +<br/><br/>
 +  <table>
 +    <tr>
 +    <td class="screenshot">
 +      <a href="http://qooxdoo.org/demos/tools#playground" title="Playground"><img src="/_media/screenshots/playground.png"><br>Playground</a>
 +    </td>
 +    <td class="screenshot">
 +      <a href="http://qooxdoo.org/demos/tools#apiviewer" title="API Viewer"><img src="/_media/screenshots/apiviewer.png"><br>API Viewer</a>
 +    </td>
 +    <td class="screenshot">
 +      <a href="http://qooxdoo.org/demos/tools#demobrowser" title="Demo Browser"><img src="/_media/screenshots/demobrowser.png"><br>Demo Browser</a>
 +    </td>
 +    <td class="screenshot">
 +      <a href="http://qooxdoo.org/demos/tools#testrunner" title="Test Runner"><img src="/_media/screenshots/testrunner.png"><br>Test Runner</a>
 +    </td>
 +    <td class="screenshot">
 +      <a href="http://qooxdoo.org/demos/tools#inspector" title="Inspector"><img src="/_media/screenshots/inspector.png"><br>Inspector</a>
 +    </td>
 +    <td class="screenshot">
 +      <a href="http://qooxdoo.org/demos/tools#featureconfigeditor" title="Feature Configuration Editor"><img src="/_media/screenshots/featureconfigeditor.png"><br>Feature Config</a>
 +    </td>
 +   </tr>
 +  </table>
 </div> </div>