如出一辙十分波前端干货整合【技术社区、博文、资源、工具】

前者交流站点

大前端      
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多页面使用

相关文章