分享一些实用的前端开发工具网站

Web 开发技术

开放的 Web 给予开发者不可思议的机会,想全面的利用这些技术,你需要知道如何使用它们。在下方你会找到相关 Web 技术文档链接。
链接:https://developer.mozilla.org/zh-CN/docs/Web

codepen
CodePen是面向前端设计人员和开发人员的社交开发环境。建立和部署网站,展示您的工作,建立测试用例以学习和调试以及寻找灵感。
链接:https://codepen.io/following

freecodecamp中文社区
freecodecamp英文社区
免费在线学编程,课程涵盖:HTML5、CSS3、JS、Bootstrap、jQuery、Sass、React、Redux、Node、Npm、MongoDB,还有实战项目和面试攻略,助你找到称心如意的工作。
中文社区链接:https://chinese.freecodecamp.org/forum/
英文社区链接:https://forum.freecodecamp.org/

HTML API
HTML免费指南
链接:https://htmlreference.io/

CSS API
CSS免费指南
链接:https://cssreference.io/

caniuse
可以查询CSS兼容性
链接:https://caniuse.com/

You-need-to-know-css
该项目是 CSS 的各种效果实现,尤其是动画效果。
链接:https://lhammer.cn/You-need-to-know-css/#/zh-cn/

CSS-Inspiration
这里可以让你寻找到使用或者是学习 CSS 的灵感,以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。
链接:https://github.com/chokcoco/CSS-Inspiration

css_tricks
总结一些常用的 CSS 样式
记录一些 CSS 的新属性和一点奇技淫巧
在“动”部分下有些动画并不是 CSS 效果,因为没有地方放置,所以暂时寄存在这里
链接:https://github.com/QiShaoXuan/css_tricks

spinkit
汇集了实现各种加载效果的 CSS 代码片段。
SpinKit 仅使用(transform 和 opacity)CSS 动画来创建平滑且易于自定义的动画。
链接:https://tobiasahlin.com/spinkit/

cssgradient
CSS渐变工具
链接:https://cssgradient.io/

Three.js教程
Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。
链接:http://www.webgl3d.cn/Three.js/

awesomejs
js工具库
链接:https://awesomejs.dev/

Vue.js官网
链接:https://cn.vuejs.org/

vue-awesome-swiper
Swiper.js在VUE中使用和演示
链接:https://github.surmon.me/vue-awesome-swiper/

Vue-amap
vue-amap 是饿了么开源的一套基于 Vue 2.0 和高德地图的地图组件。 数据状态与地图状态单向绑定,开发者无需关心地图的具体操作。
链接:https://www.npmjs.com/package/vue-amap

GitHub
GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub。
链接:https://github.com/

gitee
开源中国码云
链接:https://gitee.com/

站长之家

链接:https://tool.chinaz.com/

字蛛
中文字体压缩器
链接:https://www.font-spider.org/

BootCDN
稳定、快速、免费的前端开源项目 CDN 加速服务
链接:https://www.bootcdn.cn/

Iconfont-阿里巴巴矢量图标库
Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。
链接:https://www.iconfont.cn/

Wallpapers
图片网站
链接:https://unsplash.com/

很棒的壁纸
壁纸网站
链接:https://wallhaven.cc/