1. Novi Builder
Novi Builder 是一个拖放式构建器，它对于经验丰富的 Web 开发人员而言是一个不错的选择。它为开发人员提供了访问源代码的权限，并允许开发人员在 Web 设计中进行多项更改。你能用它完全控制你的 Web 项目，并且可以充分利用它的各项功能。尽管这款工具对于初学者来说可能很难入门，但在它的众多优势面前这一不足也就不值一提了。
特性：
下载链接：top="1405">2. ONE Subscription
ONE Subscription 是一款很有用的 Web 开发工具包，包含了众多高质量的数字产品。它提供了大批高品质的部件，可以打造出功能完善的博客、在线商店、登录页面等各种网站。总的来说，它能为你提供数以千计的主题和模板、多种插件和图形元素、附加服务以及其他许多好处。
特性：
下载链接：top="1899">3. Creative Tim
Creative Tim 提供了基于 Bootstrap 的设计元素，可帮助开发者加快开发工作。这款工具可以用来创建 Web 和移动应用。
特性：
订阅链接：src="https://static001.infoq.cn/resource/image/6d/be/6d5c1489396de459e3779dcafeb561be.png"/>
Npm 是 JavaScript 的 Node 包管理器。开发人员可以用它寻找可重用的软件包，然后用各种方式将这些包组合出强大的产品。这款 Web 开发工具是一个命令行实用程序，用来与软件包的存储库交互。
特性：
下载链接：top="2827">5. TypeScript
TypeScript 是一种开源前端脚本语言。它是 JavaScript 的严格语法超集，添加了可选的静态类型。它是专门为开发大型应用程序而设计的，并可以编译为 JavaScript。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/11/37/115992e200e8ae31d10fd84d4fca1637.png"/>
Codekit 是一款前端 Web 开发工具。它可以支持开发人员更快地构建网站，它可以合并 JS 代码、对 JS 代码进行瘦身，还能检查 JavaScript 代码的语法，它还可以优化图像。
特性：
下载链接：top="3785">7. WebStorm
WebStorm 为 JavaScript 提供了智能编码辅助。它为 Angular、React.js、Vue.js 和 Meteo 提供了高级编码辅助，它还可以帮助开发人员在处理大型项目时提升编程效率。
特性
下载链接：top="4339">8. HTML5 Boilerplate
HTML5 Boilerplate 帮助开发人员构建响应快、健壮和适应性强的 Web 应用或网站。它是一组可下载的文件，它提供了一个十分完善的 HTML 模版，完善到所有的页面似乎都应该遵守这个规则。
特性：
下载链接：top="4893">9. AngularJS
AngularJS 是前端开发人员的另一款必备工具。它是一个开放源代码的 Web 应用程序框架，它能帮助开发人员扩展 Web 应用程序的 HTML 语法，它还提供了可访问、可读和表达性强的开发环境，从而简化了前端开发流程。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/cd/95/cd1076c8160da3b4695c8e19436eb395.png"/>
Sass 是最可靠、最成熟也是最强大的 CSS 扩展语言。这款工具可用来轻松扩展站点现有 CSS 的功能，例如变量、继承和嵌套等。
特性：
下载链接：top="5821">11. Backbone
Backbone.js 提供了具有键值绑定和自定义事件的模型，来为 Web 应用程序提供结构。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/f2/3d/f2d338e433675d2e7539c0a296d0db3d.png"/>
Grunt 是 NodeJS 上流行的任务运行器。它很灵活，用户很多，当涉及到任务自动化用途时，它是开发人员的首选工具，它提供了许多打包的插件来执行常见任务。
特性：
下载链接：top="6839">13. Jasmine
Jasmine 是一款行为驱动的 JavaScript 框架，用于测试 JavaScript 代码。它不依赖于其他任何 JavaScript 组件，这款开源工具不需要 DOM。
特性：
下载链接：top="7273">14. CodePen
CodePen 是一个面向前端设计人员和开发人员的 Web 开发环境。它的宗旨是提供更快、更顺畅的开发环境。开发人员可以用它构建和部署网站，并构建测试用例。
特性：
下载链接：top="7737">15. Foundation
Foundation 是支持任何设备、介质和可访问性的前端框架。这个响应式前端框架使开发人员可以很容易地设计响应式网站、应用和电子邮件。
特性：
下载链接：top="8231">16. Sublime Text
Sublime Text 是非开源的跨平台源代码编辑器。这款应用开发工具原生支持许多编程语言和标记语言。
特性：
下载链接：top="8695">17. Grid Guide
Grid Guide 是另一款重要的前端开发工具。它允许在设计中创建像素级精确的网格，这是一个简单的工具，可以提供非常有价值的工作流程。
特性：
下载链接：top="9050">18. Chrome 开发工具
Chrome 开发工具是 Chrome 内置的一组调试工具。这些工具使开发人员可以进行各种测试，从而轻松节省大量时间。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/5e/dd/5edab8f7da749e4bf2a7f85891031fdd.png"/>
Modaal 是前端开发插件，可提供高质量、灵活和可访问的 modal。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/d8/6f/d85a04ddeac021dfe3ebc81e562f166f.png"/>
Less 是用来扩展对 CSS 语言支持的预处理器。它允许开发人员使用一些让 CSS 更易维护和扩展的技术。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/04/d4/042acca61cd9a56c0f8d04ee6f8828d4.png"/>
Meteor 是一个全栈 JavaScript 框架，它由一系列库和软件包组成。它在设计理念上对比了参考的框架和库的优点，以简化应用程序的原型制作流程。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/8a/ea/8a772f4b6e1754edd648dc85b80ed4ea.png"/>
jQuery 是一种广泛使用的 JavaScript 库。它使前端开发人员能够专注于各种层面的功能上，它能简化诸如 HTML 文档遍历、操作和 Ajax 之类的事情。
特性：
下载链接：src="https://static001.infoq.cn/resource/image/0c/f7/0ca32ab790388ac054e55c89640c38f7.png"/>
GitHub 是一个受开发人员工作方式启发的 Web 开发平台。这款工具使开发人员可以查看代码、管理项目和构建软件。
特性：
下载链接：原文链接：
