前端资源汇总

学习类网站：
http://www.imooc.com/
ued大全网站：
http://www.cnblogs.com/hnrainll/archive/2012/10/22/2733297.html
设计类：
http://www.uehtml.com/
https://www.behance.net/gallery/Coffely/8270179
https://dribbble.com/wlebovics/projects/247139-Refresh
禅意花园：
http://www.mezzoblue.com/zengarden/alldesigns/
表单设计：
https://www.jinshuju.net/
js数据图
http://www.hcharts.cn/demo/index.php


http://daxue.qq.com/wechat  腾讯大学微信学院   微信相关知识培训基地
http://blog.wechat.com      wechat官方博客     知晓wechat全球动态。
http://www.adquan.com       广告门       聚焦广告传播行业，了解最新鲜的广告营销案例。
http://www.topys.cn    顶尖文案       全球顶尖创意分享平台，启迪创意灵感。
http://xiumi.us             秀米       微信编辑器
http://www.weituibao.com/editor/multi          微信编辑器
http://color.uisdc.com      优色网       优设网的一个子网页，快速获取中国传统色彩。
http://www.zcool.com.cn     站酷         最具人气设计师互动平台，学习设计好去处。
http://www.slideshare.net   slideshare       世界上最大的幻灯片分享社区，发现全球高质量PPT干货。
http://www.gongzhong.me/    公众宝       智能微信机器人，大数据支撑下的聊天匹配与服务


jquery ui:
http://wenku.baidu.com/view/f77d29d549649b6648d747f8.html


基于html5的非jquery拖拽插件：（demo）
http://rubaxa.github.io/Sortable/




jquery 和php做的拖拽的模块demo
http://www.helloweba.com/view-blog-72.html


jquery 插件库：
http://www.jq22.com/


jquery UI帮助文档：
http://www.css88.com/jquery-ui-api/


bootstrap:
http://www.bootcss.com/
类似bootstrap的基于bootstrap做的类似facebook的框架
http://ckrack.github.io/fbootstrapp/#
html5在线测试：
http://www.zaole.net/Default.aspx?articleid=1457#




css3demo绘制对象：
http://www.w3cfuns.com/article-5597544-1-1.html
css3动画前缀后缀的添加
http://css3please.com/




css超级酷炫的动画：
http://www.cnblogs.com/lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html
http://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.html
cssloading动画：
1、loading1
http://www.cnblogs.com/lhb25/archive/2013/12/28/loading-spinners-animated-with-css3.html
2、loading2
10个移动开发的框架：
http://www.yyyweb.com/506.html
网站学习：
前端里：http://www.yyyweb.com/
js,css,jquery:
http://www.w3cplus.com/blog/css3


创意类：
http://www.meetyourmx.com/#
http://fueled.com/




canvas demo：
旋转的地球：
http://demo.itivy.com/html5-earth/index.html
http://cssass.com/blog/2012/1335.html
http://www.pengyaou.com/LegendsZ/eg/universe/
运动轨迹（加入购物车动画）：
http://www.zhangxinxu.com/study/201312/js-parabola-shopping.html
jquery 旋转动画：
http://www.xwcms.net/js/dhcd/15347.html
css3:加载动画：
http://widgets.better2web.com/loader/


手机UI:
http://www.apkui.com/
视觉差网站：
http://www.cnblogs.com/lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html




表单：
金数据：https://www.jinshuju.net/case_study


css3样式表：
http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html


创意登录页面：
http://www.html5tricks.com/demo/css3-inline-form-validate/index.html


html5+js的动画：
http://www.108js.com/example.html
http://www.tuicool.com/articles/ZbAzEf


API
http://javascript.ruanyifeng.com/htmlapi/canvas.html


w3ccanvas:
http://www.w3school.com.cn/tags/html_ref_canvas.asp


文字走马灯：
http://www.ittang.com/2009/0814/9590.html




同行业网站：
http://koudaitong.com/
http://www.weidian.gg/
http://www.jinyuanbao.cn/
http://www.qianmiaomiao.com/home/
http://www.vdian.com/ 
http://www.daishudian.com/
http://www.okwei.com/index.html
淘宝手机端：
http://h5.m.taobao.com/index2.html?spm=a215s.7406091.0.0




html5网站：
http://www.cnblogs.com/lhb25/p/latest-html5-




帮微商城登陆地址website.shtmlhttp://local.bongv.com/Wap/Store/login/token/onvhkh1406517935/wecha_id//twid/.shtml.shtml




适配js:
http://www.phptext.net/article_view.php?id=387




js获取屏幕宽度和高度：
http://www.cnblogs.com/hoojo/archive/2012/02/16/2354663.html


手机端轮播图效果展示页面：
http://www.jiawin.com/swiper-mobile-touch-slider-js


js-css机密加密工具：
http://www.css-js.cn/


中国的编辑器：kindeditor.js官网：
http://kindeditor.net/doc.php
新发现的拖拽功能插件很强大 微秀上使用的：：：：
http://www.uedsc.com/wordpress/wp-content/uploads/2014/04/jquery-fallr/#


瀑布流加载：
http://code.ciaoca.com/jquery/wookmark/demo/






：：：：：：：：：：：：：：：：：：：：：淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人。玉伯（王保平）：：：：：：：：：：：：：
博客专访：
http://www.csdn.net/article/2013-09-03/2816801-front-end-development-seajs-framework/3
//互联网应用的组件库
http://aralejs.org/


//文字虚化：
http://aralejs.org/#index3
//sea.js:
http://seajs.org/docs/


//KISSY 框架：：：
http://docs.kissyui.com/1.4/docs/html/guideline/get-started.html


：：：：：：：：：：：：：：：：：：：：：淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人。玉伯（王保平）：：：：：：：：：：：：：


//Backbone.js API中文文档
http://www.css88.com/doc/backbone/#Introduction


微秀中涉及到的框架：：：：：：：


TweenMax.min.js
Fx.js
slide_plug.js
PxLoader.js




//图片素材：：：：：
http://wallpaperswide.com/page/2


nonde.js的github
https://github.com/upidea/pingsrv


常用验证网站：
极验验证：http://my.geetest.com/manage


插件图片裁剪：：
http://www.58img.com/jquery/224


动画css3效果：：：
http://daneden.github.io/animate.css/


html5特效库：：：
http://runjs.cn/


html:localstorage用法
http://www.douban.com/note/280244536/


web网站学习文档：
http://api.jq-school.com/


angularjs英文官网：
http://docs.angularjs.cn/api


angular.js的中文官网：：：
http://www.apjs.net/


angularjs的插件库：
http://angular-ui.github.io/
互站网（求购网站的一个网址）
http://www.huzhan.com/code/goods8449.html


域名查询页面：：：
http://icp.aizhan.com/www.bdimg.com


jquery之家各种jquery的插件和特效：：：
http://www.htmleaf.com/


大漠穷秋的博客：：
http://damoqiongqiu.iteye.com/blog/1965173


常用的移动端简单效果》》》（西门的博客）
http://ons.me/category/network-discussion


全屏模式》》》
http://davidwalsh.name/fullscreen


css3素材》》》
http://www.17sucai.com/preview/87914/2014-07-21/001/index.html




html5+css3特效》》》
http://www.loveh5.cn/texiao.html?type=texiao


腾讯前端特效》》》
http://tgideas.qq.com/




icon网站库》》
http://www.easyicon.net/


css3动画生成神器》》》
http://jeremyckahn.github.io/stylie/


css3@media属性的全解》》》
http://www.cnblogs.com/2050/p/3877280.html


css3@media字体研究》》
http://hi.baidu.com/wzc520168/item/bacd8fff8131f37c3d198b22


各大浏览器 hack
http://www.wufangbo.com/css-hack/


html5缓存解说细则：：
http://www.cnblogs.com/brainmao/archive/2011/09/27/2193495.html


html5资源学习库：：
http://www.techbrood.com/?q=%E8%8F%9C%E5%8D%95&page=10


设计师网址导航：
http://hao.uisdc.com/


js+html+css在线的demo查看库》》》
1、http://codepen.io/pen/
2、http://jsfiddle.net/
3、https://jsbin.com/upgrade


图形文件demo::
http://species-in-pieces.com/#


google浏览器模拟器中文翻译》》》
https://github.com/yujiangshui/CN-Chrome-DevTools/blob/device-mode/md/Use-Tools/device-mode.md


根据不同的屏幕来显示（响应式与自适应的）》》》
------文章------
http://blog.jobbole.com/18611/
------工具-------
http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/


/*在线字体工具*/》》》
http://www.iconshock.com/iphone-icons/


/*腾讯前端的访问地址*/
http://alloyteam.github.io/


//icon字体在线生成器
https://icomoon.io/app/#/select/library
//字体大搜罗》》》
http://www.qianduan.net/icon-font-large-collecting/


前端库类集合》》》
https://www.janecc.com/he-sets-the-front-end-component-library-the-essential-collection.html


hammer>>>>>类似zepto.js的一款移动端的拖拽触摸插件API
http://www.cnblogs.com/iamlilinfeng/p/4239957.html


bootCDN》》》》
http://www.bootcdn.cn/


是一个图表的js插件chart.js
http://www.bootcss.com/p/chart.js/


去哪网的前端框架：
http://ued.qunar.com/
网页版聊天系统：
http://sentsin.com/layui/layim/


前端仓库》》》
http://code.ciaoca.com/
helloweba>>>>
http://www.helloweba.com/jquery.html


fixed解决方案》》》
http://efe.baidu.com/blog/mobile-fixed-layout/




jQuery单页/全屏滚动插件onepage-scroll演示
http://www.dowebok.com/demo/118/


ios8的变化》》》
http://blog.jobbole.com/77693/


sessionStorage与 localStorage 的异同：
http://www.css88.com/archives/tag/sessionstorage




js拍照技术前端攻克》》》
http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml


腾讯游戏设计团队》》》
http://tgideas.qq.com/


国外的字体文件》》》
http://www.fontsquirrel.com/


/*jquery---图表插件jquery.flot.navigate.js*/


/*jquery 的地图插件--JVectorMap.js*/




html5单页面比较优秀的页面设计》》》
http://isux.tencent.com/great-mobile-h5-pages.html


js插件库（大小在5K以下）
http://microjs.com/#


全兼容的手机端webApp的图片上传拍照：
http://www.megeee.cn/?id=4




 移动Web解决方案：
http://am-team.github.io/about/about.html
mobileTech：
https://github.com/jtyjty99999/mobileTech
移动web问题小结：
http://www.alloyteam.com/2015/06/yi-dong-web-wen-ti-xiao-jie/




Jquery兼容：http://youmightnotneedjquery.com/
js正则判定：https://jex.im/regulex/#!embed=false&flags=&re=
Css伪类选择:http://nthmaster.com/
Css表单:http://howtocenterincss.com/
Html+css:http://caniuse.com/
html元素识别：http://htmlelement.info/
补充：字体（http://zhuanlan.zhihu.com/zhezhexiong/19565895）
注释：从腾讯前端规范
（http://alloyteam.github.io/CodeGuide/）
和github中的引用最大的一前端规范项目（
http://zhibimo.com/read/Ashu/front-end-style-guide/）
组合而来。
更多参考前端资源大全中文版：
https://github.com/jobbole/awesome-javascript-cn


参考资源：
腾讯前端：http://alloyteam.github.io/CodeGuide/
智前端：http://zhibimo.com/read/Ashu/front-end-style-guide/
前端大全：https://github.com/jobbole/awesome-javascript-cn
知乎专栏：http://zhuanlan.zhihu.com/zhezhexiong/19565895
Jquery兼容：http://youmightnotneedjquery.com/
js正则判定：https://jex.im/regulex/#!embed=false&flags=&re=
Css伪类选择: http://nthmaster.com/
Css表单: http://howtocenterincss.com/
Html+css: http://caniuse.com/
html元素识别：http://htmlelement.info/
字体：http://zhuanlan.zhihu.com/zhezhexiong/19565895
腾讯移动问题小结：http://www.alloyteam.com/2015/06/yi-dong-web-wen-ti-xiao-jie/
Github手机技术：https://github.com/jtyjty99999/mobileTech
支付宝前端技术总结：http://am-team.github.io/about/about.html
Svg实验室：http://tutorials.jenkov.com/svg/clip-path.html
Svg和canvas性能比较：http://segmentfault.com/q/1010000000307417
手机端动画demo:
http://www.cnblogs.com/lhb25/archive/2013/12/28/loading-spinners-animated-with-css3.html
图片压缩：http://www.tinypng.com（在线压缩图片）
Jquery模板：http://stefangabos.ro/jquery/jquery-plugin-boilerplate-revisited/
文本注释：http://yuri4ever.github.io/jsdoc/
Css选择器：http://www.w3school.com.cn/cssref/css_selectors.asp
Js钩子：http://www.phper.org.cn/index.php?m=content&a=show&post_id=378