Total Pageviews

Thursday, 22 October 2020

前端工程师必备实用网站

 

一、配色类网站

Color Hunt

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


Adobe Color CC

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


colorhunter.com/

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


Web 安全色

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


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

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


二、图标类网站

Iconfont – 阿里巴巴矢量图标库

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


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

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


Font Awesome 图标搜索 – ThinkCMF

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


三、插件类网站

jQuery 插件库 – 收集最全最新最好的 jQuery 插件

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


jQuery 之家 – 自由分享 jQuery、html5、css3 的插件库

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


layui – 经典模块化前端框架

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


H-ui 前端框架

H-ui 前端框架,一个轻量级前端框架,简单免费,兼容性好,服务中国网站。


四、素材类网站

千库网 – 免费 png 图片背景素材库

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


Unsplash | Free High-Resolution Photos

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


五、字体类网站

在线字体 – 有字库

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


PS 字体下载_PS 字体下载大全_PS 家园网

PS 字体库,包含了几乎所有类型的字体,下载好安装,PS 中就可以使用了。


六、工具类

在线工具 – 程序员的工具箱

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

 

TinyPNG – Compress PNG images while preserving transparency

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


WEB 前端开发 – 专注前端开发,关注用户体验 – 专注前端开发,关注用户体验

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

No comments:

Post a Comment