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

前端交流站点

大前端       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版-图片浏览组件
• 酒店地图交通与周边
• 淘宝实例
• 手机端日历控件mobiscroll插件

项目构建

gulp + webpack 构建多页面前端项目

vue-cli多页面应用