JavaScript

框架/库

Animations

• ：可以动态描绘 SVG 的 JS 库, 支持多种动画

• ：Javascript 实现的 Web Animation API

• ：使元素以非常酷帅的方式进入画布 (Viewpoint)

• ：一个利用 Javascript 和 CSS transform 的 animation 库

• ：2D 物理效果引擎，碰撞、弹跳等

• ：一个用于响应智能手机 orientation 的库

• ：是页面上一个元素高亮的库，关灯效果

• ：在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等

• ：仅仅依靠 border-width 和 background-position 实现的各种动态效果

• ：漂亮的css3动画库

• ：基于svg，很强大的动画效果，High-performance HTML5 animations that work in all major browsers.

• ：弹性物理效果

Slider

• ：功能异常强大的一个图片滑动切换效果库

• ：非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kb

• ：用于实现浏览器上的滑动切换效果，支持硬件加速

• ：多种图片轮播效果，多选项的

• ：一款漂亮的 Checkbox 插件

• ：高性能的滚动(scroll)处理库，功能强大，支持各种事件，不依赖任何的库，且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的

• ：一个非常美观的侧滑菜单

• ：一个非常美观的用于替换浏览器默认 alert 的库

• ：现代浏览器上用于实现元素拖拽排序的功能，支持 Meteor, AngularJS, React，不依赖 jQuery

• ：百度图表

• ：基于 D3 的图表库，简洁、高效，Mozilla 出品

• ：基于 D3 的图表库

• ：WYSIWYG 富文本编辑器

• ：非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观。

• ：基于 LocalStorage 的资源加载器，可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存

• ：基于angularjs和bootstarp的web app开发框架

• ：轻量级的Javascript日期处理类库

• ：jquery表格插件，它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。

• ：经典的网页对话框组件

js插件

• ：Js实现的颜色选择器 (Colorpicker)

css

框架/库

• ：一个用于重置浏览器内置样式的库

• ：中文网页重设与排版：一致化浏览器排版效果，构建最适合中文阅读的网页排版

• ：更好的css样式解决方案

• ：雅虎出品样式框架，恩，可以阅读参考

• ：Bootstrap 的一款主题，简洁美观

• ：另一款前端模版框架，类似于 Bootstrap

• ：css动画效果

• ：基于 CSS3 的前端动画框架

• ：基于 CSS3 的各种 鼠标悬停(hover)特效

css3特效

• ：仅用一个div就画出图标

• ：一款用纯 CSS3 实现的图标库

• ：CSS3 UI 库，腾讯团队出品，多种css3特效库

网站

工具类

用于前端优化的一些检测工具

• ：查看html5和css3浏览器的支持情况

• ：测试浏览器对html5的支持情况

• ：测试浏览器对css3的支持情况

• ：网站性能测试分析

• ：谷歌家的网页性能工具

• ：iTest爱测试前端测试服务，多浏览器测试

设计类

辅助是设计

• ：一家筛选评比互联网上最佳网站设计开发的网站

大公司前端团队官网

• ：腾讯全端 AlloyTeam 团队 Blog

学习资源汇总类

• ：awesome 汇总，github上超全面资源集合

• ：Github上面的免费的计算机编程类中文书籍

前端

兼容性

• ：为不支持的 HTML5 的浏览器提供 Placeholder 支持

模板

好看的网站模板，可以参考。

移动端

框架

• ：中国首个开源 HTML5 跨屏前端框架

后端

nodejs

• ：基于 Node.js 打造的、跑在终端上的开源教学课程。

• ：Node.js 包教不包会

来源：http://segmentfault.com/a/1190000003011977

作者：RayLiao