前端资源大杂烩(插件、工具、教程)

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);

      })

       name="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展示类


你可能感兴趣的:(【,HTML,+,CSS,】,工具,教程,插件)