7个开发人员和设计师适用的WEB应用资源

对于开发人员和设计师来说，很多项目和设计都需要有前期的规划和需要提交的方案。那么大家在设计之前都如何来构思呢！？是在硕大的白板上图画，还是 安静的思考。其实你所想到的可以用在线的WEB应用程序来勾画出来。这些程序非常的简单适用，可以简单的得到你要的雏形。类似这些应用程序都能给你的设计 带来帮助。
<h5><a href="http://goldenratiocalculator.com/"><strong>黄金比例</strong></a></h5>
<a href="http://www.xiaoten.com/usr/uploads/2011/10/22.jpg"><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/22.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/22-300x141.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/22.jpg 495w" alt="22" width="495" height="232" /></a>

计算器是专为有两个场景。首先是你有一个具有一定宽度的列（也许是为了实现一个漂亮的字：行比）。你想找到一个匹配列。在宽度和使用左侧，这使你既是一个更小和更大的列。第二种情况是，你有一个容器，并希望它一分为二。在容器的宽度类型和使用右侧的测量。
<h5><a href="http://www.spiderscribe.net/"><strong>SpiderScribe</strong></a></h5>
<a href="http://www.xiaoten.com/usr/uploads/2011/10/3.jpg"><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/3.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/3-300x181.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/3.jpg 495w" alt="3" width="495" height="298" /></a>

SpiderScribe是一个在线的思维导图和头脑风暴工具。它可以让你连接票据，文件，日历事件，自由形式的地图等组织你的想法。您可以协作和共享这些地图在线。
<h5><a href="http://profitably.com/"><strong>获利</strong></a></h5>
<a href="http://www.xiaoten.com/usr/uploads/2011/10/41.jpg"><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/41.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/41-300x107.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/41.jpg 495w" alt="41" width="495" height="176" /></a>

获利帮助你计划为你想要的客户，衡量你如何表现，然后执行。它的基于网络的软件连接牢固像Intuit公司的QuickBooks业务应用提供了〜6M小企业在北美的洞察力。首席财务官，簿记员，和企业主都使用获利了解客户的盈利能力，管理现金流，并为未来的发展计划，在所有实时。
<h5><a href="http://manifested.dregsoft.com/"><strong>表现</strong></a></h5>
<a href="http://www.xiaoten.com/usr/uploads/2011/10/51.jpg"><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/51.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/51-300x62.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/51.jpg 495w" alt="51" width="495" height="103" /></a>

表现为一个新的实用程序转换您现有的网站获得一个跳开始工作，离线使用HTML5的缓存清单。表现擦伤，您可能要缓存的图像，样式表和JAVAScripts网站。表现，然后给你作为一个起点，提升您的网站，以支持脱机功能自定义缓存清单文件。
<h5><a href="http://repl.it/"><strong>repl.it</strong></a></h5>
<a href="http://www.xiaoten.com/usr/uploads/2011/10/62.jpg"><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/62.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/62-300x141.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/62.jpg 495w" alt="62" width="495" height="232" /></a>

repl.it项目是企图以交互方式探索的编程语言来创建一个在线环境。它提供了一个全功能的终端仿真器和代码编辑器，超过15种语言的口译发动机提供动力。都写在我们的口译员（或编译）JavaScript的，完全运行在用户的设备，无论是否它的台式机，笔记本电脑或电话。
<h5><a href="http://subtlepatterns.com/"><strong>微妙的模式</strong></a></h5>
<a href="http://www.xiaoten.com/usr/uploads/2011/10/71.jpg"><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/71.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/71-300x99.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/71.jpg 495w" alt="71" width="495" height="164" /></a>

微妙的图案是一个收集93个高品质的设计模式，为您运用自如。
<h5><a href="http://timeslot.me/"><strong>时隙</strong></a></h5>
<h6><a href="http://www.xiaoten.com/usr/uploads/2011/10/81.jpg"><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/81.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/81-300x133.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/81.jpg 495w" alt="81" width="495" height="220" /></a></h6>
时隙使规划你一天一件轻而易举的。它只是简单地添加项目到当天的议程，并指定将采取多久。时隙会自动生成每个项目的开始和结束时间，所以，当你必须做出改变，你的整个议程将更新，以绕流。

对于开发人员和设计师来说，很多项目和设计都需要有前期的规划和需要提交的方案。那么大家在设计之前都如何来构思呢！？是在硕大的白板上图画，还是 安静的思考。其实你所想到的可以用在线的WEB应用程序来勾画出来。这些程序非常的简单适用，可以简单的得到你要的雏形。类似这些应用程序都能给你的设计 带来帮助。
<h5><span class="external-link"><a class="no-external-link" href="http://goldenratiocalculator.com/" target="_blank"><i data-feather="external-link"></i><strong>黄金比例</strong></a></span></h5>
<span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2011/10/22.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/22.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/22-300x141.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/22.jpg 495w" alt="22" width="495" height="232"  style=""></a></span>

计算器是专为有两个场景。首先是你有一个具有一定宽度的列（也许是为了实现一个漂亮的字：行比）。你想找到一个匹配列。在宽度和使用左侧，这使你既是一个更小和更大的列。第二种情况是，你有一个容器，并希望它一分为二。在容器的宽度类型和使用右侧的测量。
<h5><span class="external-link"><a class="no-external-link" href="http://www.spiderscribe.net/" target="_blank"><i data-feather="external-link"></i><strong>SpiderScribe</strong></a></span></h5>
<span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2011/10/3.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/3.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/3-300x181.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/3.jpg 495w" alt="3" width="495" height="298"  style=""></a></span>

SpiderScribe是一个在线的思维导图和头脑风暴工具。它可以让你连接票据，文件，日历事件，自由形式的地图等组织你的想法。您可以协作和共享这些地图在线。
<h5><span class="external-link"><a class="no-external-link" href="http://profitably.com/" target="_blank"><i data-feather="external-link"></i><strong>获利</strong></a></span></h5>
<span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2011/10/41.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/41.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/41-300x107.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/41.jpg 495w" alt="41" width="495" height="176"  style=""></a></span>

获利帮助你计划为你想要的客户，衡量你如何表现，然后执行。它的基于网络的软件连接牢固像Intuit公司的QuickBooks业务应用提供了〜6M小企业在北美的洞察力。首席财务官，簿记员，和企业主都使用获利了解客户的盈利能力，管理现金流，并为未来的发展计划，在所有实时。
<h5><span class="external-link"><a class="no-external-link" href="http://manifested.dregsoft.com/" target="_blank"><i data-feather="external-link"></i><strong>表现</strong></a></span></h5>
<span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2011/10/51.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/51.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/51-300x62.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/51.jpg 495w" alt="51" width="495" height="103"  style=""></a></span>

表现为一个新的实用程序转换您现有的网站获得一个跳开始工作，离线使用HTML5的缓存清单。表现擦伤，您可能要缓存的图像，样式表和JAVAScripts网站。表现，然后给你作为一个起点，提升您的网站，以支持脱机功能自定义缓存清单文件。
<h5><span class="external-link"><a class="no-external-link" href="http://repl.it/" target="_blank"><i data-feather="external-link"></i><strong>repl.it</strong></a></span></h5>
<span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2011/10/62.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/62.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/62-300x141.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/62.jpg 495w" alt="62" width="495" height="232"  style=""></a></span>

repl.it项目是企图以交互方式探索的编程语言来创建一个在线环境。它提供了一个全功能的终端仿真器和代码编辑器，超过15种语言的口译发动机提供动力。都写在我们的口译员（或编译）JavaScript的，完全运行在用户的设备，无论是否它的台式机，笔记本电脑或电话。
<h5><span class="external-link"><a class="no-external-link" href="http://subtlepatterns.com/" target="_blank"><i data-feather="external-link"></i><strong>微妙的模式</strong></a></span></h5>
<span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2011/10/71.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/71.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/71-300x99.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/71.jpg 495w" alt="71" width="495" height="164"  style=""></a></span>

微妙的图案是一个收集93个高品质的设计模式，为您运用自如。
<h5><span class="external-link"><a class="no-external-link" href="http://timeslot.me/" target="_blank"><i data-feather="external-link"></i><strong>时隙</strong></a></span></h5>
<h6><span class="external-link"><a class="no-external-link" href="http://www.xiaoten.com/usr/uploads/2011/10/81.jpg" target="_blank"><i data-feather="external-link"></i><img class="attachment-full size-full" src="http://www.xiaoten.com/usr/uploads/2011/10/81.jpg" sizes="(max-width: 495px) 100vw, 495px" srcset="http://www.xiaoten.com/usr/uploads/2011/10/81-300x133.jpg 300w, http://www.xiaoten.com/usr/uploads/2011/10/81.jpg 495w" alt="81" width="495" height="220"  style=""></a></span></h6>
时隙使规划你一天一件轻而易举的。它只是简单地添加项目到当天的议程，并指定将采取多久。时隙会自动生成每个项目的开始和结束时间，所以，当你必须做出改变，你的整个议程将更新，以绕流。