Loading...
Helix SwarmHelix Swarm
Loading...

index.html

  • //
  • guest/
  • christiane_renck/
  • mergequestjs/
  • main/
  • demos/
  • WireIt/
  • index.html #1
  • View
  • Commits
  • Open Download .zip Download (11 KB) 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4.  <head>
  5.   <title>WireIt - a Javascript Wiring Library</title>
  6. 	<meta name="author" content="Eric Abouaf" />
  7. 	<meta name="copyright" content="Copyright 2006-2009 Eric Abouaf" />
  8. 	<meta name="keywords" content="wireit,javascript,library,pipes,visualization,yui,programming,canvas,wire,wires,framework,webdev,ajax,ui,web,graphics,graph,graphs,opensource,tools" />
  9. 	<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." />
  10. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11. 	<link rel="alternate" type="application/rss+xml" title="WireIt blog" href="http://javascript.neyric.com/blog/feed/" />
  12. 	<link rel="shortcut icon" type="images/x-icon" href="res/favicon.ico" />
  13. 	<link rel="stylesheet" type="text/css" href="res/style.css" />
  14.  </head>
  15.  
  16. <body>
  17. 	
  18. <div id='headbar'>
  19. 		
  20. 	<ul class="navigation" style=" position: absolute; margin: 6px 0 0 380px;">
  21. 		<li><a href="http://neyric.github.com/wireit">Home</a></li>	
  22. 		<li><a href="http://github.com/neyric/wireit/">GitHub[Git]</a></li>
  23. 		<li><a href="http://github.com/neyric/wireit/issues">Issues</a></li>
  24. 		<li><a href="guide.html">Guide</a></li>		
  25. 		<li><a href="api/index.html">API Documentation</a></li>		
  26. 		<li><a href="http://javascript.neyric.com/blog/category/wireit/">Blog</a> 
  27. 			  <a href="http://javascript.neyric.com/blog/feed/"><img src="res/rss.png" border="0"/></a></li>	
  28. 		<li><a href="http://groups.google.com/group/wireit/">Forums</a></li>
  29. 	</ul>
  30. 	
  31. 	<div style="position: absolute; top: 80px; left: 750px; font-size: 90%; line-height: 30px;">
  32. 		<img src='http://www.twitter.com/favicon.ico' alt="twitter" /> follow <a href="http://twitter.com/wireit">WireIt on Twitter</a><br />
  33. 		<img src="http://delicious.com/favicon.ico"> bookmark on <a href="http://del.icio.us/url/651a56650c753830645ecf46fb036db6">Del.icio.us</a><br />
  34. 		<img src='http://github.com/favicon.ico' alt="twitter" /> follow <a href="http://github.com/neyric/wireit/tree/master"> on GitHub</a>
  35. 	</div>
  36.  
  37. </div>
  38. 	
  39. <center>
  40. <table id="layout">
  41. 	<tr>
  42. 		<td class="left">
  43. 					
  44. 		 <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>
  45. 	
  46. 		<br />
  47.  
  48. 		<center>
  49. 		<div style="width:425px;text-align:left" id="__ss_1835190">
  50. 			<object style="margin:0px" width="425" height="355">
  51. 				<param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wireitpresentation-090810065216-phpapp02&stripped_title=wire-it-050-presentation" />
  52. 				<param name="allowFullScreen" value="true"/>
  53. 				<param name="allowScriptAccess" value="always"/>
  54. 				<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>
  55. 			</object>
  56. 		</div>
  57. 		</center>
  58. 		
  59. 		
  60. 		 <p class="title">Documentation</p>
  61. 		
  62. 		  	<ul>
  63. 				<li><a href="guide.html">WireIt's Guide</a> - Getting started and advanced usage</li>
  64. 				<li><a href="api/index.html">API documentation</a> built with <a href="http://developer.yahoo.com/yui/yuidoc/">YUI Doc</a></li>
  65. 			</ul>
  66. 		
  67. 			<p>You can also get some help on the <a href="http://groups.google.com/group/wireit/">forum</a>.</p>
  68. 			
  69. 			<p>Report your issues or feature request on <a href="http://github.com/neyric/wireit/issues">the issue tracker</a>.</p>
  70. 		
  71. 			<p>Deeper hacking into WireIt might require some knowledge in the libraries used :</p>
  72. 			 	<ul>
  73. 					<li><a href="http://neyric.github.com/inputex">inputEx documentation</a></li>
  74. 					<li><a href="http://developer.yahoo.com/yui/2/">YUI 2 documentation</a></li>
  75. 				</ul>
  76. 				
  77. 				
  78. 			
  79. 				<p class="title">WireIt-based projects</p>
  80. 				<ul>
  81. 					<li><a href="http://webhookit.com">WebhookIt</a> - visual http programming</li>
  82. 					<li><a href="http://tarpipe.com">Tarpipe</a> - share content across social applications</li>
  83. 					<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>
  84. 					<li><a href="http://graphpipes.de/">Graphpipes</a> - easy way to aggregate semantic data</li>
  85. 					<li><a href="http://www.talk-map.com/">TalkMap</a> - Online debating</li>
  86. 				</ul>
  87. 		
  88. 		</td>
  89. 		
  90. 		<!-- Right Column -->
  91. 		<td class="right">
  92. 			
  93. 			<!-- Download -->
  94. 			<div style="text-align:center;font-weight:bold; font-size:17px;background-color:#EEEEEE;-moz-border-radius: 10px; padding: 10px;-webkit-border-radius: 10px;">
  95. 				You're on the edge version (0.6.0-beta)<br /> <a href="http://javascript.neyric.com/wireit/">Click here for WireIt 0.5.0</a>
  96. 				<!--a href="http://cloud.github.com/downloads/neyric/wireit/WireIt-0.5.0.zip">Download WireIt 0.5.0</a><br/>
  97. 				<span style="font-size: 70%; font-weight: normal;">(WireIt-0.5.0.zip - 8.0MB - <a href="VERSION.txt">changeset</a>)</span-->
  98. 			</div>
  99. 			
  100. 			<!-- License -->
  101. 			<p>WireIt is released under the <a href="license.txt">MIT License</a>.</p>
  102. 			
  103. 			<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>
  104. 			
  105. 			<center>
  106. 			<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>
  107. 			</center>
  108. 			
  109. 			<p class="title">Featured examples</p>
  110. 			
  111. 			<!-- Planar Game -->
  112. 			 <div class="appBox">
  113. 				<a href="examples/planarGame/planarGame.html">
  114. 				<img src="res/planar.gif" class="reflect" border="0" alt="Click to play now !" width="107" height="81" />
  115. 				<p><span>Play the</span><br/><span class="big">Planar Game</span></p>
  116. 				</a>
  117. 			 </div>
  118. 			
  119.  
  120. 			<!-- jsBox -->
  121. 			 <div class="appBox">
  122. 				<a href="plugins/composable/examples/jsBox/jsBox.html">
  123. 				<img src="res/jsBox.gif" class="reflect" border="0" alt="Click to try jsBox !"  width="107" height="81" />
  124. 				<p><span>visual javascript demo</span><br/><span class="big">jsBox</span></p>
  125. 				</a>
  126. 			 </div>
  127. 			
  128. 			<!-- logicGates -->
  129. 			 <div class="appBox">
  130. 				<a href="plugins/editor/examples/logicGates/index.html">
  131. 				<img src="res/logicGates.png" class="reflect" border="0" alt="Click to try logicGates"  width="107" height="81" />
  132. 				<p><span>WiringEditor demo</span><br/><span class="big">Logic Gates</span></p>
  133. 				</a>
  134. 			 </div>
  135. 			
  136. 			<!-- Learn Wires, Terminals -->
  137. 			 <div class="appBox">
  138. 				<a href="examples/wires_and_terminals.html">
  139. 				<img src="res/demo1.png" class="reflect" border="0" alt="Learn Wires, Terminals" width="107" height="81" />
  140. 				<p><span>learn</span><br/><span class="big">Wires, Terminals</span></p>
  141. 				</a>
  142. 			 </div>
  143.  
  144.  
  145. 			<!-- Learn Containers, WiringEditor -->
  146. 			 <div class="appBox">
  147. 				<a href="plugins/editor/examples/WiringEditor/">
  148. 				<img src="res/wiringEditor.png" class="reflect" border="0" alt="Learn Containers, WiringEditor" width="107" height="81" />
  149. 				<p><span>learn</span><br/><span class="big">Containers, WiringEditor</span></p>
  150. 				</a>
  151. 			 </div>
  152. 			
  153. 			<p><b>Core components examples :</b></p>
  154.  
  155. 				<ul>
  156. 					<li><a href="examples/presentation.html">Interactive presentation</a></li>
  157. 					<li><a href="examples/creating_terminals.html">Creating terminals and wires</a></li>
  158. 					<li><a href="examples/changing_directions.html">Changing terminal direction</a></li>
  159. 					<li><a href="examples/wires_and_terminals.html">Wire and Terminals configuration</a></li>
  160. 					<li><a href="examples/dd_and_animation.html">DragDrop and Animation utilities</a></li>
  161. 					<li><a href="examples/planarGame/planarGame.html">Planar game</a></li>
  162. 					<li><a href="examples/wire_events.html">Wire mouse events</a></li>
  163. 					<li><a href="examples/wire_tooltips.html">Wire context menu</a></li>
  164. 					<li><a href="examples/labels.html">Wire labels</a></li>
  165. 					<li><a href="examples/label_containers.html">Label Containers</a></li>
  166. 				</ul>
  167. 				
  168. 				<p>Plugin 'editor' examples</p>
  169. 				<ul>
  170. 					<li><a href="plugins/editor/examples/WiringEditor/">WiringEditor demo</a></li>
  171. 					<li><a href="plugins/editor/examples/logicGates/index.html">Logic Gates demo</a></li>
  172. 					<li><a href="plugins/editor/examples/ajaxAdapter/">Ajax Adapter</a></li>
  173. 					<li><a href="plugins/editor/examples/gearsAdapter/">Gears Adapter</a></li>
  174. 					<li><a href="plugins/editor/examples/WiringEditor/widget.html">WiringEditor non-fullscreen</a></li>
  175. 				</ul>
  176. 				
  177. 				<p>Plugin 'composable' examples</p>
  178. 				<ul>
  179. 					<li><a href="plugins/composable/examples/jsBox/jsBox.html">jsBox</a></li>
  180. 				</ul>
  181. 				
  182. 				<p>Plugin 'grouping' examples</p>
  183. 				<ul>
  184. 					<li><a href="examples/jsBox/jsBox.html">editor example</a></li>
  185. 				</ul>
  186. 				
  187. 				<p>Plugin 'inputex' examples</p>
  188. 				<ul>
  189. 					<li><a href="plugins/inputex/examples/index.html">FormContainers</a></li>
  190. 				</ul>
  191. 				
  192. 				<p>Plugin 'layout' examples</p>
  193. 				<ul>
  194. 					<li><a href="plugins/layout/examples/spring_layout.html">Spring Layout</a></li>
  195. 					<li><a href="plugins/layout/examples/dotparser/index.html">Dot parser</a></li>
  196. 				</ul>
  197. 			
  198. 		</td>
  199. 	</tr>
  200. 	
  201. 	<tr>
  202. 		<td class="left">
  203. 			<p class="title">Community</p>
  204. 			
  205. 			<div style="width: 400px; margin: 0 auto;">
  206. 				<!-- WireIt Blog -->
  207. 				<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"LobH_yRv3hGeK14sIDfpSg","_btype":"list"}</script>
  208. 			</div>
  209. 		</td>
  210. 		<td class="right">
  211. 			<div style="width: 400px; margin-top: 70px;">
  212. 				<!-- WireIt Forum -->
  213. 				<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"9rzgvyVv3hG33WbbU1y0Jw","_btype":"list"}</script>
  214. 			</div>
  215. 		</td>
  216. 	</tr>
  217. </table>
  218.  
  219. <div style="font-size: 8pt; color: #999999; background-color: #222222; border-top: 2px solid black; padding: 10px; margin-top: 20px;">
  220. 	
  221. 	<ul class="navigation">
  222. 		<li><a href="http://neyric.github.com/wireit">Home</a></li>	
  223. 		<li><a href="http://github.com/neyric/wireit/">GitHub[Git]</a></li>
  224. 		<li><a href="http://github.com/neyric/wireit/issues">Issues</a></li>
  225. 		<li><a href="guide.html">Guide</a></li>	
  226. 		<li><a href="api/index.html">API Documentation</a></li>		
  227. 		<li><a href="http://javascript.neyric.com/blog/category/wireit/">Blog</a></a></li>	
  228. 		<li><a href="http://groups.google.com/group/wireit/">Forums</a></li>
  229. 	</ul>
  230. 	
  231. 	<p style="font-size: 90%; margin-top: 20px;">WireIt is released under the <a href="license.txt" style="color: white;">MIT license</a>.</p>
  232. </div>
  233.  
  234. </center>
  235.  
  236. <script type="text/javascript">
  237. document.write(unescape("%3Cscript src='http://www.google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  238. </script>
  239. <script type="text/javascript">
  240. var pageTracker = _gat._getTracker("UA-567557-2");
  241. pageTracker._trackPageview();
  242. </script>
  243.  
  244.  </body>
  245. </html>
# Change User Description Committed
#1 16445 christiane_renck Rename/move file(s) 9 years ago
//guest/christiane_renck/MergeQuestJS/main/demos/WireIt/index.html
#1 16444 christiane_renck Adding MergeQuestJS to the Workshop. 9 years ago