一大波前端干货整合【技术社区、博文、资源、工具】

iyth888

　　前端交流站点
　　大前端       http://www.daqianduan.com/
　　V2EX        http://www.v2ex.com/
　　W3cplus    http://www.w3cplus.com/
　　W3Cfuns   http://www.w3cfuns.com/
　　Github       https://github.com/
　　掘金           http://gold.xitu.io/
　　前端导航     http://jsdig.com/
　　百度EFE技术体系 http://efe.baidu.com/
　　前端学习

　　CSS       CSS参考手册 http://www.w3school.com.cn/cssref/

JQuery   jQuery API 中文文档
　　LESS    http://less.bootcss.com/
　　SASS   http://sass.bootcss.com/docs/sass-reference/
　　HTTP协议详解 http://www.cnblogs.com/li0803/archive/2008/11/03/1324746.html
　　JSON  $.each遍历json对象 JSON介绍 JSON详解
　　HTML5  http://www.w3school.com.cn/html5/

　　CommonJS规范  浅析JS中的模块规范（CommonJS，AMD，CMD）   什么是CommonJS？
　　SeaJS  CMD规范  http://seajs.org/docs/
　　NodeJS   Node.js v4.2.4 手册 & 文档 Node.js中文网
　　ExpressJS          Express 4.x API 中文手册
　　BanckBoneJS     Backbone.js(1.1.2) API中文文档  RequireJS与Backbone简单整合   
　　RequireJS           RequireJS中文网
　　AngularJS           Angular中文网   angular-ui-router   AngularJS移动开发中的坑汇总
　　ReactJS              深入理解 React官博文  https://github.com/ruanyf/react-demos
　　VueJS                 vuejs API
　　Git                      Git教程——廖雪峰
　　Gulp                    gulp API 文档   Gulp中文网入门指南   gulp下静态资源的合并、压缩、MD5后缀
　　Browserhacks       浏览器HACKS
　　webpack              webpack官网  webpack入门
　　

　　3D前端
　　webGL               webGL中文网
　　three.js             http://threejs.org/       https://github.com/mrdoob/three.js/
　　webVR               https://ngokevin.github.io/ningjs-presentation/
　　                    https://github.com/aframevr/aframe
　　前端工具

必备工具      http://www.w3cfuns.com/tools.php?mod=bookcss
RunJS 在线js编辑
素材  http://www.dowebok.com/
FIS3                    百度前端构建工具
前端相关工具(Mac)

• 编辑器：Sublime Text 2 / TextMate 2 / Vim / Intellij IDEA
  
• 命令行：iTerm2
  
• 浏览器调试环境：Chrome / Firefox + Firebug
  
• 移动设备调试环境：Mozilla Fennec
  
• 兼容性测试：VirtualBox + Win XP（IE 8）
  
• 版本控制工具：GitHub for Mac / Versions / SourceTree
  
• FTP工具：Filezilla / ForkLift
  
• HTTP抓包及Post/Get模拟：Charles
  
• PHP集成环境：XAMPP for Mac / MAMP
  
• SQL数据库管理：Sequel Pro
  
• 标注工具：Mark Man / xScope
  
• 取色拾色器： Frank DeLoupe / Sip / Snip / xScope
  
• MarkDown编辑器：Mou
  
• 浏览器免刷新开发环境：LiveReLoad / CodeKit
  
• CSS Sprite切图工具：SpriteRight
  
• Less -> CSS 编译：CodeKit / LiveReLoad / Less
  
• 配色方案工具：ColorSchemer Studio
  
• 多浏览器Cookie管理：Cookie
  
• 图片素材收集：Sparkbox / Pixa
  

前端开发神器

jQuery ligerUI快速开发UI框架
Buttons高度可定制的按钮CSS样式库
SUI —— 基于bootstrap开发的前端组件库，也是一套设计规范。
Flat UI免费的WEB界面工具组件库
cublic-bezier贝尔曲线定制

前端插件库
swipejs——移动web页面内容触摸滑动类库
jQuery 插件库
web动画
GreenSock动画库
Bootstrap
fullpage屏幕滚动插件

前端资源库

百度静态资源公共库
Iconfont——阿里巴巴矢量图标库

前端博文推荐
gulp + webpack工程构建   教你一套gulp+webpack前端工程——齐修
层叠 顺序和堆栈上下文  http://www.cnblogs.com/coco1s/p/5899089.html
　　移动端web开发技巧 http://www.imooc.com/article/1115

2016 年 50 个最佳的轻量级 JavaScript 框架和库
https://zhuanlan.zhihu.com/p/24598210
jQuery Plugin

• IE对HTML5标签支持，以及浏览器特性检测：Modernizr & html5shiv
  
• <del>IE6 PNG 图片支持：DD_belatedPNG</del>
  
• 定制&统一 浏览器的滚动条样式：jquery-scroll & Lionbars
  
• hover提示效果文字：bootstrap-tooltips & tipsy
  
• 滚动条跟随nav效果：bootstrap-scrollspy
  
• 提示冒泡文字：grumble.js
  
• 导航栏过渡效果：lavalamp
  
• 移动设备的滚动效果：iscroll 4
  
• Mac OS Lion 风格的滚动条：Lionbars
  
• 弹性SlideShow：kwicks for jQuery
  
• 瀑布流：isotope
  
• 抖动效果：jQ shake
  
• LightBox：fancyBox
  
• KenDo UI：KenDo UI
  
• textarea自适应高度：elastic
  
• 提示区域 & 提示层：noty
  
• 浮动话题泡：jQuery grumble
  
• 旋转进度：jQuery Knob
  
• jquery的100个小技巧
  
• 一些jquery插件 http://www.cnblogs.com/fastmover/p/6296022.html
  
• 淘宝旅行日历插件
  
• 酒店价格日历 http://fgm.cc/learn/calendar/hotel-price-calendar/
  
• KISSY版-图片浏览组件
  
• 酒店地图交通与周边
  
• 淘宝实例