前端工程师都有用那些靠谱的工具

一、素材类网站

千库网：一个免费下载图片素材的网站

Unsplash | Free High-Resolution Photos

Unsplash是一个分享免费高质量照片的网站，照片分辨率都挺大，而且都是真实的摄影师作品，图片多是风景和静物。

二、配色类网站

Color Hunt

这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。

Adobe Color CC

这个是Adobe公司出的，他提供了多种配色方案。我们点击圆盘中间的点，就可以调整出我们想要的配色方案。

http://www.colorhunter.com/

这是一个提取现有图片配色方案的工具。我们上传一张图片，它就会帮我们把图片的配色提取出来供我们使用。

Web安全色

这个网站是为WEB设计，开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码，复制粘贴就可以了。

RGB颜色值与十六进制颜色码转换工具

这是一个在线RGB和十六进制颜色码转换工具。在对应的位置填入十六进制代码，点击转换，我们就可以获取到RGB颜色的代码了。

三、图标类网站

Iconfont 阿里巴巴矢量图标库

这是阿里巴巴旗下的图标库网站，直接搜索关键词就可以找到大批的图标。下载图标的时候我们还可以选择颜色、大小、格式，根据自己的需要下载就好了。

PNG、ICO、ICNS 格式图标搜索下载_easyicon.net

这也是一个非常有名的图标库，与上面那个不同的是，这里的图标不是单一颜色的，而是设计好的颜色。下载图标也很简单，直接点击对应图标上面的格式就可以下载。

Font Awesome图标搜索

奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。

四、字体类网站

在线字体-有字库：一个免下载字体，直接在线引用字体的网站。

五、工具类

在线工具 - 程序员的工具箱：一个在线工具网站，包含大量在线工具

JavaScript 库/框架

JavaScript是全世界*受欢迎的Web编程语言。人们为了快捷开发网站或应用预先编写一些JS类库。你可以通过一些公用CDN很方便地在自己的网站上引入这些库：

<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

jQuery: 方便快捷，功能强大全面，居家旅行必备，近乎JS的替代品，你可以不会js，但是不能不会jQuery。

BackBoneJS: 模型、视图、集合、事件，让你的前端代码更有框架感。

D3.js: 数据可视化必学必会，只有你想不出来的，没有D3画不出来的。

React: 学会React，再学学React-native，你就能从一个前端化身Web app工程师、IOS/Andorid开发者、桌面应用工程师……

jQuery UI: 几行代码就能写一个带动画带ajax的Web应用。

jQuery Mobile: 移动端专用js开发框架，和上面的类似。

Underscore.js: 非入侵式框架，提供了众多有用的函数方法，弥补jQuery的不足。

Moment.js: 原生的JS显示输出日期时间真的很痛苦，Moment为你解决了一切啦～

Lodash: 模块化且高效，lodash和underscore很相似。

前端框架：

Bootstrap: 全世界*流行的响应式前端框架。

Foundation: 提供了很多模版，针对网站、移动端、邮件提供了很多好用的模块和样式。

Semantic UI: 个人非常喜欢的一个前端框架，样式非常好看，更重要的是就像它语义UI的名称一样，类命名特别友好，写网页就像和人说话一样。

uikit: 漂亮、可定制，即将发布uikit3版本，感兴趣可以试试看。

Web应用框架：

Ruby on Rails: Ruby on Rails 是一款用ruby语言编写Web应用的MVC框架，github就是用它写的！

AngularJS: Google主导的Web开发框架，数据绑定、MVVM，很可惜被后来更灵活的React、Vue等框架抢去了风头。

Ember.js: 用来开发单页Web应用的JS前端MVC框架。

Express: Node.js上的Web框架，搭建网站或API服务只要一秒钟！

Meteor: JS全端框架，是的，你只需要学习JavaScript一门语言，就可以完成Web应用前后端、数据库的开发。

Django: Python的Web框架，人生苦短，请用Python.

Flask: Python的Web框架，据说只要学好flask就能随意找到好工作？

ASP.net: 老一辈人的最爱。

Laravel: *优雅性感的PHP Web框架，好用到不能再好用，优雅到不能再优雅，毕竟PHP是全世界*好的语言嘛。

Phalcon: 用C语言扩展的，据说是*快的PHP框架。

*文章内容和图片均来源于网络，如有侵权，请联系删除。