index.html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>WireIt - a Javascript Wiring Library</title>
	<meta name="author" content="Eric Abouaf" />
	<meta name="copyright" content="Copyright 2006-2009 Eric Abouaf" />
	<meta name="keywords" content="wireit,javascript,library,pipes,visualization,yui,programming,canvas,wire,wires,framework,webdev,ajax,ui,web,graphics,graph,graphs,opensource,tools" />
	<meta name="description" content="WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling." />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="alternate" type="application/rss+xml" title="WireIt blog" href="http://javascript.neyric.com/blog/feed/" />
	<link rel="shortcut icon" type="images/x-icon" href="res/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="res/style.css" />
 </head>

<body>
	
<div id='headbar'>
		
	<ul class="navigation" style=" position: absolute; margin: 6px 0 0 380px;">
		<li><a href="http://neyric.github.com/wireit">Home</a></li>	
		<li><a href="http://github.com/neyric/wireit/">GitHub[Git]</a></li>
		<li><a href="http://github.com/neyric/wireit/issues">Issues</a></li>
		<li><a href="guide.html">Guide</a></li>		
		<li><a href="api/index.html">API Documentation</a></li>		
		<li><a href="http://javascript.neyric.com/blog/category/wireit/">Blog</a> 
			  <a href="http://javascript.neyric.com/blog/feed/"><img src="res/rss.png" border="0"/></a></li>	
		<li><a href="http://groups.google.com/group/wireit/">Forums</a></li>
	</ul>
	
	<div style="position: absolute; top: 80px; left: 750px; font-size: 90%; line-height: 30px;">
		<img src='http://www.twitter.com/favicon.ico' alt="twitter" /> follow <a href="http://twitter.com/wireit">WireIt on Twitter</a><br />
		<img src="http://delicious.com/favicon.ico"> bookmark on <a href="http://del.icio.us/url/651a56650c753830645ecf46fb036db6">Del.icio.us</a><br />
		<img src='http://github.com/favicon.ico' alt="twitter" /> follow <a href="http://github.com/neyric/wireit/tree/master"> on GitHub</a>
	</div>

</div>
	
<center>
<table id="layout">
	<tr>
		<td class="left">
					
		 <p style="font-size: 130%;">WireIt is an open-source javascript library to create <b>web wirable interfaces</b> for <b>dataflow applications</b>, <b>visual programming languages</b>, <b>graphical modeling</b>, or <b>graph editors</b>.</p>
	
		<br />

		<center>
		<div style="width:425px;text-align:left" id="__ss_1835190">
			<object style="margin:0px" width="425" height="355">
				<param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wireitpresentation-090810065216-phpapp02&stripped_title=wire-it-050-presentation" />
				<param name="allowFullScreen" value="true"/>
				<param name="allowScriptAccess" value="always"/>
				<embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wireitpresentation-090810065216-phpapp02&stripped_title=wire-it-050-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed>
			</object>
		</div>
		</center>
		
		
		 <p class="title">Documentation</p>
		
		  	<ul class="star">
				<li><a href="guide.html">WireIt's Guide</a> - Getting started and advanced usage</li>
				<li><a href="api/index.html">API documentation</a></li>
			</ul>
		
			<p>You can also get some help on the <a href="http://groups.google.com/group/wireit/">forum</a>.</p>
			
			<p>Report your issues or feature request on <a href="http://github.com/neyric/wireit/issues">the issue tracker</a>.</p>
		
			<p>Deeper hacking into WireIt might require some knowledge in the libraries used :</p>
			 	<ul>
					<li><a href="http://neyric.github.com/inputex">inputEx documentation</a></li>
					<li><a href="http://developer.yahoo.com/yui/2/">YUI 2 documentation</a></li>
				</ul>
				
			
			<p class="title">Examples</p>
			
			
			<p><b>Core components examples :</b></p>

				<ul>
					<li><a href="examples/presentation.html">Interactive presentation</a></li>
					<li><a href="examples/creating_terminals.html">Creating terminals and wires</a></li>
					<li><a href="examples/changing_directions.html">Changing terminal direction</a></li>
					<li><a href="examples/wires_and_terminals.html">Wire and Terminals configuration</a></li>
					<li><a href="examples/dd_and_animation.html">DragDrop and Animation utilities</a></li>
					<li><a href="examples/planarGame/planarGame.html">Planar game</a></li>
					<li><a href="examples/wire_events.html">Wire mouse events</a></li>
					<li><a href="examples/wire_tooltips.html">Wire context menu</a></li>
				</ul>
				
				<p>Plugin 'editor' examples</p>
				<ul>
					<li><a href="plugins/editor/examples/WiringEditor/">WiringEditor demo</a></li>
					<li><a href="plugins/editor/examples/logicGates/index.html">Logic Gates demo</a></li>
					<li><a href="plugins/editor/examples/ajaxAdapter/">Ajax Adapter</a></li>
					<li><a href="plugins/editor/examples/gearsAdapter/">Gears Adapter</a></li>
					<li><a href="plugins/editor/examples/WiringEditor/widget.html">WiringEditor non-fullscreen</a></li>
				</ul>
				
				<p>Plugin 'composable' examples</p>
				<ul>
					<li><a href="plugins/composable/examples/jsBox/jsBox.html">jsBox</a></li>
				</ul>
				
				<p>Plugin 'inputex' examples</p>
				<ul>
					<li><a href="plugins/inputex/examples/index.html">FormContainers</a></li>
				</ul>
				
		
		</td>
		
		<!-- Right Column -->
		<td class="right">
			
			<!-- Download -->
			<div style="text-align:center;font-weight:bold; font-size:17px;background-color:#EEEEEE;-moz-border-radius: 10px; padding: 10px;-webkit-border-radius: 10px;">
				You're on the edge version (0.6.0-beta)<br /> <a href="http://github.com/neyric/wireit/downloads">Click here for WireIt latest stable (0.5.0)</a>
			</div>
			
			<!-- License -->
			<p>WireIt is released under the <a href="license.txt">MIT License</a>.</p>
			
			<p>Clone from <a href="http://github.com/neyric/wireit/">GitHub</a>: <span style="font-size: 80%;">git clone git://github.com/neyric/wireit.git</span></p>
			
			<center>
			<a href='http://www.pledgie.com/campaigns/13031'><img alt='Click here to lend your support to: wireit and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/13031.png?skin_name=chrome' border='0' /></a>
			</center>
			
			<p class="title">Featured examples</p>
			
			<!-- Planar Game -->
			 <div class="appBox">
				<a href="examples/planarGame/planarGame.html">
				<img src="res/planar.gif" class="reflect" border="0" alt="Click to play now !" width="107" height="81" />
				<p><span>Play the</span><br/><span class="big">Planar Game</span></p>
				</a>
			 </div>
			

			<!-- jsBox -->
			 <div class="appBox">
				<a href="plugins/composable/examples/jsBox/jsBox.html">
				<img src="res/jsBox.gif" class="reflect" border="0" alt="Click to try jsBox !"  width="107" height="81" />
				<p><span>visual javascript demo</span><br/><span class="big">jsBox</span></p>
				</a>
			 </div>
			
			<!-- logicGates -->
			 <div class="appBox">
				<a href="plugins/editor/examples/logicGates/index.html">
				<img src="res/logicGates.png" class="reflect" border="0" alt="Click to try logicGates"  width="107" height="81" />
				<p><span>WiringEditor demo</span><br/><span class="big">Logic Gates</span></p>
				</a>
			 </div>
			
			<!-- Learn Wires, Terminals -->
			 <div class="appBox">
				<a href="examples/wires_and_terminals.html">
				<img src="res/demo1.png" class="reflect" border="0" alt="Learn Wires, Terminals" width="107" height="81" />
				<p><span>learn</span><br/><span class="big">Wires, Terminals</span></p>
				</a>
			 </div>


			<!-- Learn Containers, WiringEditor -->
			 <div class="appBox">
				<a href="plugins/editor/examples/WiringEditor/">
				<img src="res/wiringEditor.png" class="reflect" border="0" alt="Learn Containers, WiringEditor" width="107" height="81" />
				<p><span>learn</span><br/><span class="big">Containers, WiringEditor</span></p>
				</a>
			 </div>
			
			<p class="title">Beta/New components</p>
			
			<p>Under-development components and plugins. <a href="guide.html#contribute">You can help !</a></p>
			
			<p>Core components</p>
			<ul>
				<li><a href="examples/labels.html">Wire labels</a></li>
				<li><a href="examples/label_containers.html">Label Containers</a></li>
			</ul>
			
			<p>Plugin 'layout' examples</p>
			<ul>
				<li><a href="plugins/layout/examples/spring_layout.html">Spring Layout</a></li>
				<li><a href="plugins/layout/examples/dotparser/index.html">Dot parser</a></li>
			</ul>
			
			<p>Plugin 'grouping' examples</p>
			<ul>
				<li><a href="examples/jsBox/jsBox.html">editor example</a></li>
			</ul>
			
			
			<p class="title">WireIt-based projects</p>
			<ul class="star">
				<li><a href="http://neyric.github.com/webhookit">WebhookIt</a> - visual http programming</li>
				<li><a href="http://tarpipe.com">Tarpipe</a> - share content across social applications</li>
				<li><a href="http://github.com/LeifW/pipescape/tree/master">Pipescape</a> - a WireIt interface to <a href="http://www.w3.org/TR/xproc/">XProc</a></li>
				<li><a href="http://www.talk-map.com/">TalkMap</a> - Online debating</li>
			</ul> 
			
		</td>
	</tr>
	
	<tr>
		<td class="left">
			<p class="title">Community</p>
			
			<div style="width: 400px; margin: 0 auto;">
				<!-- WireIt Blog -->
				<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"LobH_yRv3hGeK14sIDfpSg","_btype":"list"}</script>
			</div>
		</td>
		<td class="right">
			<div style="width: 400px; margin-top: 70px;">
				<!-- WireIt Forum -->
				<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"9rzgvyVv3hG33WbbU1y0Jw","_btype":"list"}</script>
			</div>
		</td>
	</tr>
</table>

<div style="font-size: 8pt; color: #999999; background-color: #222222; border-top: 2px solid black; padding: 10px; margin-top: 20px;">
	
	<ul class="navigation">
		<li><a href="http://neyric.github.com/wireit">Home</a></li>	
		<li><a href="http://github.com/neyric/wireit/">GitHub[Git]</a></li>
		<li><a href="http://github.com/neyric/wireit/issues">Issues</a></li>
		<li><a href="guide.html">Guide</a></li>	
		<li><a href="api/index.html">API Documentation</a></li>		
		<li><a href="http://javascript.neyric.com/blog/category/wireit/">Blog</a></a></li>	
		<li><a href="http://groups.google.com/group/wireit/">Forums</a></li>
	</ul>
	
	<p style="font-size: 90%; margin-top: 20px;">WireIt is released under the <a href="license.txt" style="color: white;">MIT license</a>.</p>
</div>

</center>

<script type="text/javascript">
document.write(unescape("%3Cscript src='http://www.google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-567557-2");
pageTracker._trackPageview();
</script>

 </body>
</html>