前端开发工具篇

Chrome 插件

1：jsonView json 可视化工具
2：Vue Devtools Vue 调试工具
3：有道词典划词插件

网络工具

1：cssreset.com 获取最新的 Reset 文件
2：IcoMoon.com 制作字体图标
3:stylus-lang.com EXPRESSIVE, DYNAMIC, ROBUST CSS

CSS 库

1：animate.css
2：html5hsim.css
3：bootstrap.css
4：font-awesome.css
5：owl.carousel.css
6：popup.css
7：reponsive.css
8：postcss
9：bttn.css – 简单实用的按钮样式库

2015年度 CodePen Top 100 代码片段

使用SVG图像作为loading加载 以保证图像高清不模糊

Shoelace: Bootstrap Layout 布局神器

CSSButtons: 专注收集CSS Hover动画的网站

100个惊人的CSS、JS代码技术

为幻灯片广告的焦点样式来点小创意

16 种更好看的 WEB 默认标准色 colors.css

集合所有浏览器CSS和JavaScript的HACK写法-browserhacks

CSS3动画之：水波涟漪般的定位样式

有用的HTML+CSS片段

JS 库

1：html5shim.js
2：jquery.js
3：plugin.js
4：magnific-popup-options.js
5：validator.min.js
6：particles.min.js
7：wow.js
8：anime.js-超级炫酷的动画库
Scrollgress – 根据页面长度实现的阅读进度条插件

lightGallery – 支持触屏滑动的响应式相册jQuery插件

全能 lightbox 灯箱插件: lightgallery.js

轻量级 tooltips 提示插件：popper.js

13款实用的JS插件&前端资源

1000个以上的高品质jQuery插件

精美的表单样式插件 – Formplate 兼容所有设备！

支持触屏滑动的响应式相册jQuery插件

JS判断移动设备最佳方法 并实现跳转至手机版网页

21个实用的Javascript数据图表插件

Sideout.JS 轻量级侧边栏jQuery插件

视觉连续动画 轻量级模态框（Modal）插件 – cta.js

资料篇

可视化 CSS 样式表手册