web前端开发的6个福利网站

时间：2023-06-02 08:33:01 | 来源：网站运营

时间：2023-06-02 08:33:01 来源：网站运营

web前端开发的6个福利网站：<style>h2{text-align:center;color:red;}</style><h2>福利来了</h2>




福利 1




Flat UI Colors（扁平化设计配色参考）




网站地址：http://flatuicolors.com/




采集了扁平化设计中最受欢迎的色彩，可以吸取复制任何你看中的色彩。可以通过选择相似的色调和饱和度，来达到快速配色。还可以免费选择和下载色值到本地。




<center><img src="https://s1.ax1x.com/2020/04/28/JIlBhd.png"></center>

<center><img src="https://s1.ax1x.com/2020/04/28/JIlI9s.png"></center>




福利 2




中国色（中国传统颜色色名和色谱）




网站地址：http://zhongguose.com/




中国色，是一个中国传统颜色色名和色谱的综览，提供各种中国的传统颜色的名称，CMYK值，RGB值，16进制表示。超美的中国风配色，网站号称收集了最全的中国色，还会根据选择颜色改变背景颜色，充满了浓浓的中国韵味。要想获得HEX颜色代码，只需要将鼠标移动悬浮在RGB代码上方或右侧即可

<center><img src="https://s1.ax1x.com/2020/04/28/JI3KJJ.jpg"></center>




<center><img src="https://s1.ax1x.com/2020/04/28/JI3yef.png"></center>




福利 3




confont(阿里巴巴矢量图标库)




网站地址：https://www.iconfont.cn/




阿里巴巴推出的矢量图标库中涵盖了1000多个常用图标，不但能在线图标搜索、图标分捡下载、在线储存、矢量格式转换、图标库管理，还能自由变化大小、自由修改颜色、可以添加一些视觉效果如：阴影、旋转、透明度，非常良心，还有好多功能，可以自己去体验一下，绝对是前端开发的福音。

<center><img src="https://s1.ax1x.com/2020/04/28/JIGsIS.png"></center>

<center><img src="https://s1.ax1x.com/2020/04/28/JIGhq0.png"></center>




福利 4




Font Awesome 中文网

网站地址：http://www.fontawesome.com.cn/




Font Awesome提供可立即定制的可缩放矢量图标、大小、颜色、阴影以及可以通过CSS的强大功能完成的任何事情。一款基于css框架的网页字体图标库，主要是他完全免费。

<center><img src="https://s1.ax1x.com/2020/04/28/JIJzXn.png"></center>

<center><img src="https://s1.ax1x.com/2020/04/28/JIYpmq.png"></center>

福利 5

爱给网（音频素材网）

网站地址：http://www.aigei.com/




国内领先的数字娱乐创作者服务平台，致力于为声音、游戏、影视、动画及设计师，提供高品质、多品类、优秀的创意素材服务。3D模型、视频、游戏素材资源下载、戏剧史诗. 引导. 介绍前奏. MIDI 共5万首. 流行音乐. 铃声抖音素材下载，还有就是免费。

<center><img src="https://s1.ax1x.com/2020/04/28/JItra6.png"></center>

<center><img src="https://s1.ax1x.com/2020/04/28/JIt2xH.png"></center>




福利 6 CodePen（代码笔）

网站地址：http://codepen.io/




款前端所见即所得的工具，我们可以在线编辑制作前端页面，所见即所得。同时网站提供所有常见的 js、css 库，并且支持流行技术（如 SASS），免去了我们自建平台的麻烦。我们甚至可以本地修改并即时预览别人的作品。好多优秀的特效代码这里都有。最主要的是可以免费创建模板。一个非常优秀的网站。

<center><img src="https://s1.ax1x.com/2020/04/28/JIUv5V.png"></center>

<center><img src="https://s1.ax1x.com/2020/04/28/JIaFbR.png"></center>

原文链接:http://jzbk.520lpl.cn

建议收藏本网站，获取更多福利。