JavaScript
框架/库
Animations
velocity:很全面的JavaScript动画库
vivus:可以动态描绘 SVG 的 JS 库, 支持多种动画
Web Animation:Javascript 实现的 Web Animation API
scrollReveal.js:使元素以非常酷帅的方式进入画布 (Viewpoint)
snabbt.js:一个利用 Javascript 和 CSS transform 的 animation 库
transit:jquery实现的css动画
matter-js:2D 物理效果引擎,碰撞、弹跳等
parallax:一个用于响应智能手机 orientation 的库
focusable:是页面上一个元素高亮的库,关灯效果
sensor.js:在智能移动设备浏览器上,通过HTML5的api使用移动设备的功能。定位、运动、倾斜等
animatable:仅仅依靠 border-width 和 background-position 实现的各种动态效果
Bounce.js:漂亮的css3动画库
GreenSock:基于svg,很强大的动画效果,High-performance HTML5 animations that work in all major browsers.
dynamics.js:弹性物理效果
Slider
slick:功能异常强大的一个图片滑动切换效果库
swipe:非常轻量级的一个图片滑动切换效果库, 性能良好, 尤其是对手机的支持, 压缩后的大小约 5kb
swiper:用于实现浏览器上的滑动切换效果,支持硬件加速
Owl:多种图片轮播效果,多选项的
flickity:轮播图效果,左右有显示一半的图片
icheck:一款漂亮的 Checkbox 插件
iscroll:高性能的滚动(scroll)处理库,功能强大,支持各种事件,不依赖任何的库,且插件丰富, 大众点评的手机端列表滚动就是用这个库处理的
Slideout.js :一个非常美观的侧滑菜单
Others
sweetalert:一个非常美观的用于替换浏览器默认 alert 的库
Sortable:现代浏览器上用于实现元素拖拽排序的功能,支持 Meteor, AngularJS, React,不依赖 jQuery
echarts:百度图表
metrics-graphics:基于 D3 的图表库,简洁、高效,Mozilla 出品
c3:基于 D3 的图表库
Summernote:WYSIWYG 富文本编辑器
awesomplete:非常轻型的一个自动补全 JS 库, 没有任何依赖, 配置简单, 美观。
basket.js:基于 LocalStorage 的资源加载器,可以用来缓存 script 和 css, 手机端使用速度快于浏览器直接缓存
mobile-angular-ui:基于angularjs和bootstarp的web app开发框架
moment.js:轻量级的Javascript日期处理类库
Datatables:jquery表格插件,它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。
artDialog:经典的网页对话框组件
sliphover:不同方向的hover动画,
js插件
Spectrum:Js实现的颜色选择器 (Colorpicker)
css
框架/库
normalize.css:一个用于重置浏览器内置样式的库
type.css:中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版
网易nec:更好的css样式解决方案
Pure:雅虎出品样式框架,恩,可以阅读参考
Flat UI:Bootstrap 的一款主题,简洁美观
foundation:另一款前端模版框架,类似于 Bootstrap
Animate.css:css动画效果
movejs:基于 CSS3 的前端动画框架
Hover.css:基于 CSS3 的各种 鼠标悬停(hover)特效
css3 generator:css3新特新介绍
css3特效
singlediv:仅用一个div就画出图标
icono:一款用纯 CSS3 实现的图标库
css3lib:CSS3 UI 库,腾讯团队出品,多种css3特效库
load-awesome:很棒的一套loading效果
网站
工具类
用于前端优化的一些检测工具
caniuse:查看html5和css3浏览器的支持情况
html5test:测试浏览器对html5的支持情况
css3test:测试浏览器对css3的支持情况
libscore:统计网站和js使用排行
阿里测:网站性能测试分析
PageSpeed:谷歌家的网页性能工具
iTest:iTest爱测试前端测试服务,多浏览器测试
设计类
辅助是设计
Awwwards:一家筛选评比互联网上最佳网站设计开发的网站
大公司前端团队官网
alloyteam:腾讯全端 AlloyTeam 团队 Blog
学习资源汇总类
awesome:awesome 汇总,github上超全面资源集合
免费的编程中文书籍索引:Github上面的免费的计算机编程类中文书籍
前端
兼容性
Placeholders.js:为不支持的 HTML5 的浏览器提供 Placeholder 支持
模板
好看的网站模板,可以参考。
移动端
框架
amazeui:中国首个开源 HTML5 跨屏前端框架
后端
nodejs
nodeschool:基于 Node.js 打造的、跑在终端上的开源教学课程。
node-lessons:Node.js 包教不包会
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。