随时--前端工程师必备的几个实用网站

转载 2018年04月16日 15:22:49

一、配色类网站

http://colorhunt.co

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

https://webgradients.com/

180种渐变方案供你选择,还可以直接复制CSS样式应用到网页中

https://color.adobe.com/zh/create/color-wheel

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

http://www.colorhunter.com/

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

http://www.bootcss.com/p/websafecolors/

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

http://www.sioe.cn/yingyong/yanse-rgb-16/

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

二、图标类网站

http://www.iconfont.cn/plus

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

http://www.easyicon.net/iconsearch/ios/

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

http://www.thinkcmf.com/font/search.html

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

三、插件类网站

http://www.jq22.com/

这个网站分享jQuery插件和提供各种jQuery特效的详细使用方法,在线预览,jQuery插件下载及教程

http://www.htmleaf.com/

这个网站与上一个网站类似,也提供了大量的jQuery插件

http://www.layui.com/

这是一个强大的模块化前端框架

四、素材类网站

http://588ku.com/

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

https://unsplash.com/

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

五、字体类网站

http://www.youziku.com/onlinefont/index

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

六、工具类

http://tool.lu/

一个在线工具网站,包含大量在线工具

https://tinypng.com/

一个在线图片压缩工具,可以批量使用

http://www.css88.com/

各种前端类工具和技术文章

Web 前端工程师课程 第5周

-
  • 1970年01月01日 08:00

前端工程师必备的几个实用网站

一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应的颜色上,我们就可以看到颜色的十六进制码,复制这个...
  • jiangfei009003
  • jiangfei009003
  • 2017-06-29 13:53:56
  • 1064

前端工程师实用网站分享

  • 2016年09月24日 21:50
  • 11.12MB
  • 下载

前端工程师必备实用网站

前端工程师必备实用网站 一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应...
  • weixin_36065510
  • weixin_36065510
  • 2016-11-12 00:18:01
  • 125

前端工程师必备的PS技能——切图篇(笔记)

新建设置自定义:(可存储为预设) 宽度 1920像素 高度 2000像素(可改) 分辨率 72像素/英寸 颜色模式 RGB颜色 背景内容 透明视图设置视图-显示-智能参考线 视图-标尺 ...
  • c__333
  • c__333
  • 2015-10-13 19:20:04
  • 2694

前端工程师必备的PS技能——切图篇

Photoshop界面设置 移动工具快捷键——v 注意自动选择选项 智能参考线——视图->显示 标尺——Ctrl+R 窗口->信息(面板选项中,第二种颜色信息模式为RGB颜色,标尺单位...
  • lixiaohong2012
  • lixiaohong2012
  • 2016-03-30 11:19:28
  • 1337

Web前端工程师常用的8个工具

1、HBuilder 功能简介: HBuilder是专为前端打造的开发工具,具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、...
  • programmer_feng
  • programmer_feng
  • 2018-03-23 16:25:40
  • 42

前端工程师的知识体系

  • 2017年03月24日 14:19
  • 121KB
  • 下载

前端工程师必备使用网站

一、配色类网站; 1.http://colorhunt.co  提供了多种配色方案,可直接复制颜色的十六进制码。 2.https://webgradients.com/ 包含180种渐变方案,...
  • u012451762
  • u012451762
  • 2017-08-06 10:24:09
  • 223

前端工程师必须掌握的5个技能

HTML5已经火了一段时间了,相信作为web相关开发工程师,肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标,HTML...
  • zls986992484
  • zls986992484
  • 2017-03-25 00:18:13
  • 804
收藏助手
不良信息举报
您举报文章:随时--前端工程师必备的几个实用网站
举报原因:
原因补充:

(最多只允许输入30个字)