<p>如今,Web开发有了很多的辅助框架,它们可以帮助Web开发人员集中精力去实现他们头脑中的想法而不必浪费过多的时间去思考如何设计网站。当然,
第一次使用这些框架或者库的时候可能并不是那么容易,不过通过阅读帮助文档和不断的实践,相信你很快就能掌握的。今天,本文收集了18个非常棒的
Web和移动应用程序开发框架与大家分享。</p>
<h4>
<a title="snippetspace" href="http://snippetspace.com/projects/iwebkit/" target="_blank">iWebKit</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32605" style="width: 362px; height: 137px;" title="Frameworks Web Mobile App (1)" src="http://articles.csdn.net/uploads/allimg/110414/105I63060-0.jpg" alt="" width="600" height="200"></p>
<h4>
<a title="jqtouch" href="http://jqtouch.com/" target="_blank">jQTouch</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32606" style="width: 370px; height: 183px;" title="Frameworks Web Mobile App (2)" src="http://articles.csdn.net/uploads/allimg/110414/105IC1C-1.jpg" alt="" width="600" height="200"></p>
<h4>
<a title="jquerymobile" href="http://jquerymobile.com/" target="_blank">jQuery Mobile</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32607" style="width: 359px; height: 165px;" title="Frameworks Web Mobile App (3)" src="http://articles.csdn.net/uploads/allimg/110414/105IB246-2.jpg" alt="" width="600" height="200"></p>
<h4>
<a title="sencha touch" href="http://www.sencha.com/products/touch/" target="_blank">Sencha Touch</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32608" style="width: 338px; height: 183px;" title="Frameworks Web Mobile App (4)" src="http://articles.csdn.net/uploads/allimg/110414/105I615S-3.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://wijmo.com/" target="_blank">Wijmo – jQuery UI Widgets</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32609" style="width: 337px; height: 161px;" title="Frameworks Web Mobile App (5)" src="http://articles.csdn.net/uploads/allimg/110414/105I62254-4.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://the-m-project.net/" target="_blank">The-M-Project – HTML5 Javascript Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32610" style="width: 341px; height: 161px;" title="Frameworks Web Mobile App (6)" src="http://articles.csdn.net/uploads/allimg/110414/105I613R-5.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://treesaverjs.com/" target="_blank">Treesaver.js – Framework for Creating Magazine-Style Layouts</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32611" style="width: 333px; height: 113px;" title="Frameworks Web Mobile App (7)" src="http://articles.csdn.net/uploads/allimg/110414/105IB4Z-6.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.jformer.com/" target="_blank">jQuery Form Framework – jFormer</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32612" style="width: 365px; height: 140px;" title="Frameworks Web Mobile App (8)" src="http://articles.csdn.net/uploads/allimg/110414/105I634C-7.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.notjustagrid.com/default.asp" target="_blank">Not Just A Grid – Flexible and Modular CSS Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32613" style="width: 340px; height: 137px;" title="Frameworks Web Mobile App (9)" src="http://articles.csdn.net/uploads/allimg/110414/105IA945-8.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://zeptojs.com/" target="_blank">Zepto.js – Minimalist JavaScript Framework for Mobile</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32614" style="width: 333px; height: 189px;" title="Frameworks Web Mobile App (10)" src="http://articles.csdn.net/uploads/allimg/110414/105I63341-9.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://galleria.aino.se/" target="_blank">Galleria – JavaScript Image Gallery Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32615" style="width: 382px; height: 190px;" title="Frameworks Web Mobile App (11)" src="http://articles.csdn.net/uploads/allimg/110414/105IB3O-10.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://guryjs.org/" target="_blank">Gury – HTML5 Canvas Utility Library</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32616" style="width: 361px; height: 186px;" title="Frameworks Web Mobile App (12)" src="http://articles.csdn.net/uploads/allimg/110414/105I63S3-11.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://amplifyjs.com/" target="_blank">Amplify</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32617" style="width: 358px; height: 163px;" title="Frameworks Web Mobile App (13)" src="http://articles.csdn.net/uploads/allimg/110414/105I63M4-12.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.mobl-lang.org/" target="_blank">Mobl – Open-Source HTML5-Based Language</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32618" style="width: 351px; height: 150px;" title="Frameworks Web Mobile App (14)" src="http://articles.csdn.net/uploads/allimg/110414/105I64Q4-13.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.sproutcore.com/" target="_blank">SproutCore – HTML5 Application Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32619" style="width: 329px; height: 162px;" title="Frameworks Web Mobile App (15)" src="http://articles.csdn.net/uploads/allimg/110414/105I63159-14.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://initializr.com/" target="_blank">Initializr – HTML5 Templates Generator</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32620" style="width: 323px; height: 156px;" title="Frameworks Web Mobile App (16)" src="http://articles.csdn.net/uploads/allimg/110414/105IB041-15.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.intelligentexpert.net/" target="_blank">iX Framework – JavaScript-Based UI Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32621" style="width: 313px; height: 169px;" title="Frameworks Web Mobile App (17)" src="http://articles.csdn.net/uploads/allimg/110414/105IC3I-16.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.dhtmlx.com/touch/" target="_blank">DHTMLX Touch – HTML5 JavaScript Framework for Mobile</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32622" style="width: 311px; height: 132px;" title="Frameworks Web Mobile App (18)" src="http://articles.csdn.net/uploads/allimg/110414/105I62933-17.jpg" alt="" width="600" height="200"></p>
<p style="text-align: left;">原文出自:<a href="http://www.cnblogs.com/lhb25/archive/2011/04/14/2001319.html" target="_blank">博客园</a>
</p>
第一次使用这些框架或者库的时候可能并不是那么容易,不过通过阅读帮助文档和不断的实践,相信你很快就能掌握的。今天,本文收集了18个非常棒的
Web和移动应用程序开发框架与大家分享。</p>
<h4>
<a title="snippetspace" href="http://snippetspace.com/projects/iwebkit/" target="_blank">iWebKit</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32605" style="width: 362px; height: 137px;" title="Frameworks Web Mobile App (1)" src="http://articles.csdn.net/uploads/allimg/110414/105I63060-0.jpg" alt="" width="600" height="200"></p>
<h4>
<a title="jqtouch" href="http://jqtouch.com/" target="_blank">jQTouch</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32606" style="width: 370px; height: 183px;" title="Frameworks Web Mobile App (2)" src="http://articles.csdn.net/uploads/allimg/110414/105IC1C-1.jpg" alt="" width="600" height="200"></p>
<h4>
<a title="jquerymobile" href="http://jquerymobile.com/" target="_blank">jQuery Mobile</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32607" style="width: 359px; height: 165px;" title="Frameworks Web Mobile App (3)" src="http://articles.csdn.net/uploads/allimg/110414/105IB246-2.jpg" alt="" width="600" height="200"></p>
<h4>
<a title="sencha touch" href="http://www.sencha.com/products/touch/" target="_blank">Sencha Touch</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32608" style="width: 338px; height: 183px;" title="Frameworks Web Mobile App (4)" src="http://articles.csdn.net/uploads/allimg/110414/105I615S-3.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://wijmo.com/" target="_blank">Wijmo – jQuery UI Widgets</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32609" style="width: 337px; height: 161px;" title="Frameworks Web Mobile App (5)" src="http://articles.csdn.net/uploads/allimg/110414/105I62254-4.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://the-m-project.net/" target="_blank">The-M-Project – HTML5 Javascript Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32610" style="width: 341px; height: 161px;" title="Frameworks Web Mobile App (6)" src="http://articles.csdn.net/uploads/allimg/110414/105I613R-5.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://treesaverjs.com/" target="_blank">Treesaver.js – Framework for Creating Magazine-Style Layouts</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32611" style="width: 333px; height: 113px;" title="Frameworks Web Mobile App (7)" src="http://articles.csdn.net/uploads/allimg/110414/105IB4Z-6.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.jformer.com/" target="_blank">jQuery Form Framework – jFormer</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32612" style="width: 365px; height: 140px;" title="Frameworks Web Mobile App (8)" src="http://articles.csdn.net/uploads/allimg/110414/105I634C-7.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.notjustagrid.com/default.asp" target="_blank">Not Just A Grid – Flexible and Modular CSS Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32613" style="width: 340px; height: 137px;" title="Frameworks Web Mobile App (9)" src="http://articles.csdn.net/uploads/allimg/110414/105IA945-8.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://zeptojs.com/" target="_blank">Zepto.js – Minimalist JavaScript Framework for Mobile</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32614" style="width: 333px; height: 189px;" title="Frameworks Web Mobile App (10)" src="http://articles.csdn.net/uploads/allimg/110414/105I63341-9.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://galleria.aino.se/" target="_blank">Galleria – JavaScript Image Gallery Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32615" style="width: 382px; height: 190px;" title="Frameworks Web Mobile App (11)" src="http://articles.csdn.net/uploads/allimg/110414/105IB3O-10.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://guryjs.org/" target="_blank">Gury – HTML5 Canvas Utility Library</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32616" style="width: 361px; height: 186px;" title="Frameworks Web Mobile App (12)" src="http://articles.csdn.net/uploads/allimg/110414/105I63S3-11.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://amplifyjs.com/" target="_blank">Amplify</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32617" style="width: 358px; height: 163px;" title="Frameworks Web Mobile App (13)" src="http://articles.csdn.net/uploads/allimg/110414/105I63M4-12.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.mobl-lang.org/" target="_blank">Mobl – Open-Source HTML5-Based Language</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32618" style="width: 351px; height: 150px;" title="Frameworks Web Mobile App (14)" src="http://articles.csdn.net/uploads/allimg/110414/105I64Q4-13.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.sproutcore.com/" target="_blank">SproutCore – HTML5 Application Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32619" style="width: 329px; height: 162px;" title="Frameworks Web Mobile App (15)" src="http://articles.csdn.net/uploads/allimg/110414/105I63159-14.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://initializr.com/" target="_blank">Initializr – HTML5 Templates Generator</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32620" style="width: 323px; height: 156px;" title="Frameworks Web Mobile App (16)" src="http://articles.csdn.net/uploads/allimg/110414/105IB041-15.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.intelligentexpert.net/" target="_blank">iX Framework – JavaScript-Based UI Framework</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32621" style="width: 313px; height: 169px;" title="Frameworks Web Mobile App (17)" src="http://articles.csdn.net/uploads/allimg/110414/105IC3I-16.jpg" alt="" width="600" height="200"></p>
<h4>
<a href="http://www.dhtmlx.com/touch/" target="_blank">DHTMLX Touch – HTML5 JavaScript Framework for Mobile</a>
</h4>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-32622" style="width: 311px; height: 132px;" title="Frameworks Web Mobile App (18)" src="http://articles.csdn.net/uploads/allimg/110414/105I62933-17.jpg" alt="" width="600" height="200"></p>
<p style="text-align: left;">原文出自:<a href="http://www.cnblogs.com/lhb25/archive/2011/04/14/2001319.html" target="_blank">博客园</a>
</p>