2011年起的10 ++最佳Web开发人员资源和工具（第2部分）

正如我们在上一篇文章中所承诺的，这是我们认为是2011年以来最有用和创新的工具和资源 （包括框架，样板，应用程序，JavaScript资源，CSS3动画工具）的第二部分（也是最后一部分）等）。 请享用！

相关文章：

• 2011年9月推出的10个新jQuery插件
• 网上有趣的Web开发– 2011年10月

1. CoderDeck

将Deck.js与CodeMirror2高亮代码编辑器结合使用，可以轻松地在浏览器中直接演示和教授实时HTML，CSS和JavaScript。

资源
演示版

2. ApeJS

使用JavaScript语言开发Google App Engine网站的微型框架。 还有其他可以与App Engine一起使用的JS框架– RingoJS和AppEngineJS的制作精良。

来源+演示

3. money.js

是一个超简单，很小（仅超过1kb！）的JavaScript库，用于从任何货币到任何货币的实时货币转换和汇率计算。

来源+演示

4. validate.js

是受CodeIgniter启发的轻量级JavaScript代码表单验证库（压缩后刚超过1kb），该库允许您从十几条规则中验证表单字段。 它没有依赖关系，可以自定义，并且可以在所有主流浏览器（甚至IE6！）中使用。

来源+演示

5. Recurly.js

是一个开放源代码的JavaScript库，用于创建美观的信用卡表单，以安全地创建订阅，一次性交易和更新账单信息。 该库旨在创建可完全自定义的订单，同时最大程度地减少PCI合规范围。

资源
演示版

6.引导程序

是Twitter的一个工具包，旨在快速启动您的Web应用程序或网站的开发。 它包括用于排版，表单，按钮，表格，网格，导航的基本CSS和HTML，并随附完整的样式指南文档。

来源+演示

7. Adapt.js

是轻量级的JavaScript文件，用于确定浏览器呈现页面之前要加载的CSS文件。 如果浏览器倾斜或调整大小，Adapt.js只会检查其宽度，并在需要时仅提供所需的CSS。

来源+演示

8.自适应图像

旨在与响应式和灵活的布局技术一起使用的解决方案，将自动创建，缓存和交付与网站内容图像相对应的设备（它检测访问者屏幕的分辨率）。 无需更改标记，它可以管理自己的图像大小，并且可以在任何CMS甚至平面HTML页面上使用。

来源+演示

9. deck.js

是制作现代HTML演示文稿的工具。 幻灯片是基本的HTML。 deck.core模块跟踪幻灯片状态和卡座状态，使CSS定义每个状态的外观以及如何在它们之间转换。 扩展程序使用核心事件和方法来添加商品，使演示者可以自由添加所需内容，而不必添加不想要的内容。

资源
演示版

10. FitVids.JS

是一个轻量级，易于使用的jQuery插件，用于响应宽度视频嵌入。 它可以自动执行Thierry Koblentz的“本征比”方法，从而在响应式网页设计中获得流畅的视频。

资源
演示版

From: https://www.sitepoint.com/10-web-developers-resources-tools-2011-part-2/