前端资源大杂烩（插件、工具、教程）

angular 框架教程

https://github.com/johnpapa/angular-styleguide/blob/master/a1/i18n/zh-CN.md

ionic入门教程

http://blog.csdn.net/onil_chen/article/details/51456289

http://ionicframework.com（官网）

http://www.ionic.wang/（中文网站）

http://www.runoob.com/ionic/ionic-tutorial.html（菜鸟教程）

jwPlayer 视频播放器

http://www.tuicool.com/articles/yYNv6f

ckplayer 网页视频播放器

http://www.ckplayer.com/

前端开发仓库

http://code.ciaoca.com/

移动端上传图片

https://github.com/think2011/localResizeIMG

例子讲解：http://www.cnblogs.com/manongxiaobing/p/4720568.html

jquery 动画 transition

http://code.ciaoca.com/jquery/transit/

Bootstrap 响应式建站框架

http://www.bootcss.com/

浏览器兼容查询

http://caniuse.com/

在线压缩图片

http://www.tuhaokuai.com/image 图好快

http://compresspng.com/zh/ png压缩

在线解压css

http://tool.lu/css/

WebUploader 上传工具插件

http://fex.baidu.com/webuploader/getting-started.html

swiper 移动端滑动插件

http://idangero.us/swiper/ 官网

fancyBox 弹出框插件

http://fancyapps.com/fancybox/

magic zoom图片预览插件

https://www.magictoolbox.com/magiczoom/

lazyload 图片延迟加载

http://code.ciaoca.com/jquery/lazyload/

http://www.appelsiini.net/projects/lazyload

https://github.com/tuupola/jquery_lazyload

My97DatePicker 日期选择插件

http://www.my97.net/

cxCalendar 日期选择插件 (支持 IE8+) 【移动端可以$(id).attr('type','date')】

https://github.com/ciaoca/cxCalendar/

http://code.ciaoca.com/jquery/cxcalendar/

skrollr-master 视差滚动插件

https://github.com/Prinzhorn/skrollr/

Slicebox 3D幻灯片

http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/ (打开慢建议下载)

hammer.js 移动端触控插件

http://hammerjs.github.io/ 官方地址

https://github.com/hammerjs/hammer.js

http://www.tuicool.com/articles/VNRjym7 //详情

包括 tap<点>, doubletap<双点击>, press<按住>, 水平方位的pan<平移> 和 swipe<快速滑动>, 以及多触点的 pinch<捏放> 和 rotate<旋转>识别器

var el = document.querySelector("#test");

var mc = new Hammer(el);

mc.on('tap',function(ev){

if()

console.log(111);

})

<metaname="msapplication-tap-highlight"content="no" /> 取消点击高亮效果

oridomi.js 折页效果

http://oridomi.com/ 官方地址

https://github.com/dmotz/oriDomi

jScrollPane 模拟滚动条

http://jscrollpane.kelvinluck.com/

iscroll5 移动端滚动条

http://iscrolljs.com/

https://github.com/cubiq/iscroll

http://wiki.jikexueyuan.com/project/iscroll-5/versions.html //中文api

2345天气插件

http://tianqi.2345.com/plugin/

ThinkPage天气插件

http://www.thinkpage.cn/weather/Widget.aspx

zclip复制插件 (对隐藏元素无效)

http://www.steamdev.com/zclip

https://github.com/patricklodder/jquery-zclip

turnjs 翻页插件

http://www.turnjs.com/

https://github.com/blasten/turn.js

Jcrop 图片裁剪插件

http://deepliquid.com/content/Jcrop.html

BigVideo 视频背景插件 (依赖于video.js)

http://dfcb.github.io/BigVideo.js/

https://github.com/dfcb/BigVideo.js

TweenMax 缓动插件

http://greensock.com/tweenmax

https://github.com/greensock/GreenSock-JS

tween.js 持续动画插件

https://github.com/sole/tween.js

jquery.validate 表单验证插件

http://jqueryvalidation.org/

slick 响应式滑动插件(注：IE8及以下体验不好)

http://kenwheeler.github.io/slick/

icheck 定制复选框和单选按钮

http://www.bootcss.com/p/icheck/#skin-line

https://github.com/fronteed/iCheck

superslide 大话主席切换插件

http://www.superslide2.com/index.html

微信分享

https://github.com/zxlie/WeixinApi

parallax.js 鼠标错层

https://github.com/wagerfield/parallax

prefixfree.js css3无前缀

http://leaverou.github.io/prefixfree/

http://www.zhangxinxu.com/wordpress/2011/11/css3-prefixfree-js-animatable/

jquery.transit.min.js jquery过渡效果

http://ricostacruz.com/jquery.transit/

https://github.com/rstacruz/jquery.transit

http://code.ciaoca.com/jquery/transit/demo/

verlet-js 物理引擎，支持粒子系统、距离约束、角度约束等

https://github.com/subprotocol/verlet-js

jcrop 图片裁剪

http://code.ciaoca.com/jquery/jcrop/

https://github.com/tapmodo/Jcrop/

chart.js 图表绘制

http://www.bootcss.com/p/chart.js/

https://github.com/nnnick/Chart.js

http://www.chartjs.org/

css3/svg 小效果

http://www.htmleaf.com/css3/css3donghua/201503061470.html 66种基于animate.css的CSS消息提示动画效果

http://www.htmleaf.com/Demo/201506222087.html 15种漂亮的纯CSS3滑动按钮特效效果演示

http://www.htmleaf.com/Demo/201501071122.html 12种炫酷html5 svg加载loading动画特效效果演示

http://www.htmleaf.com/Demo/201510232701.html 7种Material Design风格打开菜单按钮特效效果演示

http://www.htmleaf.com/Demo/20141217877.html html5各种svg元素炫酷弹性动画特效效果演示

http://www.htmleaf.com/Demo/20141209731.html html5 svg和css3超酷模态窗口动画特效效果演示

http://www.htmleaf.com/Demo/20141110445.html 30种html5鼠标滑过图片时标题动画效果

http://daneden.github.io/animate.css/ Animate.css

HTML5 开发

createJS 2D游戏引擎

http://www.createjs.com/

https://github.com/CreateJS

Cocos2d-JS 游戏引擎

http://cn.cocos2d-x.org/download

http://www.cocos2d-x.org/filecenter/jsbuilder lite版本下载

https://github.com/cocos2d/cocos2d-js github地址

KineticJS 2D游戏引擎

http://kineticjs.com/

three.js 3D游戏引擎

http://threejs.org/

https://github.com/mrdoob/three.js/

Snap.svg svg插件

http://snapsvg.io/

chart 图表插件

http://www.bootcss.com/p/chart.js/

https://github.com/nnnick/Chart.js

http://www.chartjs.org/ 官网

Tiled Map游戏地图编辑软件

http://www.mapeditor.org/download.html

sonic.js canvas loading动画插件

https://github.com/padolsey/sonic.js

particles.js 粒子效果

https://github.com/VincentGarreau/particles.js //修改app.js里面参数可以实现不同效果

krpano 360全景插件（支持移动端）（需要付费）

http://www.krpano.com/

gulp-docs-zh-cn

https://github.com/lisposter/gulp-docs-zh-cn

功能性插件

Backbone.js 前端MVC框架

http://backbonejs.org/

https://github.com/jashkenas/backbone/

AngularJS 前端MVVC框架

http://www.angularjs.cn/tag/AngularJS 中文社区

http://www.ngnice.com/ 中文社区

https://gitcafe.com/Angularjs/Angularjs-Developer-https://gitcafe.com/Angularjs/Angularjs-Developer-Guide 中文API

微信接口说明

http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

展示类

https://github.com/impress/impress.js // ptt展示类

前端资源大杂烩（插件、工具、教程）相关推荐

Egg框架入门教程合集之插件/工具/教程/专栏/开源项目
Egg框架入门教程之示例合集 Awesome Egg.js 很棒的清单,精选了最好的Egg.js插件,工具,教程,文章等.欢迎公关! 内容博客文章讲解会议活动外挂程式应用领域样板构架 ...
html5页面可见xing,【前端资源网页插件】全屏滚动效果H5FullscreenPage.js
前提: 介于现在很多活动都使用了类似全屏滚动效果尤其在微信里面我自己开发了一个快速构建此类项目的控件与市面上大部分控件不同的是此控件还支持元素的动画效果并提供多种元素效果基于zepto. ...
前端资源整理 - 订阅、工具等
取自我的GITHUB 的 fe-store-house repo,欢迎 PR,欢迎 STAR.原 repo 不定期更新,此文可能断更. 断更了一年多,重新更新一下,似乎 sfgg 的文章渲染中 gf ...
前端资源压缩合并maven插件之wro4j
前端资源压缩合并maven插件之wro4j 原文写于 2014-05-14 https://github.com/kuitos/kuitos.github.io/issues/5 参考文章:前端性能优 ...
【分享贴】学习网站、资源网站、工具网站大杂烩，好用实用，分享给猿友
[分享贴]学习网站.资源网站.工具网站大杂烩,好用实用,分享给猿友今天还是做一个分享类的文章,不过不只是关于代码类的分享,其中还会涉及到音视频.平面.字体方面的内容,我会尽量对每一类都做介绍,来帮助 ...
Webpack前端资源加载/打包工具
文章目录一.Webpack 1.什么是Webpack 2.Webpack安装 2.1全局安装 2.2安装后查看版本号 3.创建项目 3.1初始化项目 3.2创建src文件夹 3.3 src下创建co ...
Android资源总结(开发工具/环境搭建/教程/论坛/博客/反编译工具)
Android资源总结(开发工具/环境搭建/教程/论坛/博客/反编译工具) 在Android发展前景相当好的情况下,本人最近搜集了一些关于Android的相关资源,当然包含以前发布的博客内容,进行了一 ...
9个面向前端开发者的有用VSCode 插件工具
英文 | https://medium.com/frontend-canteen/most-useful-vscode-extensions-for-frontend-developer-7c0f7c ...
12个面向前端开发者真正有用的 VSCode 插件工具
英文 | https://medium.com/frontend-canteen/most-useful-vscode-extensions-for-frontend-developer-7c0f7c ...

前端资源大杂烩（插件、工具、教程）

前端资源大杂烩（插件、工具、教程）相关推荐

最新文章

热门文章