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

来源：互联网发布：js跨域上传文件编辑：程序博客网时间：2024/04/27 11:15

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展示类

0 0