最全前端资源汇集 (持续整理中) - wangwen896_H5之家

注意转载须保留原文链接（）作者：wangwen896 整理

综合类

综合类地址

前端知识体系

前端知识结构 https://github.com/JacksonTian/fks

Web前端开发大系概览 https://github.com/unruledboy/WebFrontEndStack

Web前端开发大系概览-中文版

Web Front-end Stack v2.2 Web Front-end Stack v2.2

免费的编程中文书籍索引 https://github.com/justjavac/free-programming-books-zh_CN

前端书籍 https://github.com/dypsilon/frontend-dev-bookmarks

前端免费书籍大全 https://github.com/vhf/free-programming-books

前端知识体系

免费的编程中文书籍索引 https://github.com/justjavac/free-programming-books-zh_CN

智能社 - 精通JavaScript开发

重新介绍 JavaScript（JS 教程）

麻省理工学院公开课：计算机科学及编程导论

JavaScript中的this陷阱的最全收集–没有之一

JS函数式编程指南 https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html

JavaScript Promise迷你书（中文版）

腾讯移动Web前端知识库 https://github.com/AlloyTeam/Mars

Front-End-Develop-Guide 前端开发指南 https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide

前端开发笔记本 https://li-xinyang.gitbooks.io/frontend-notebook/content

大前端工具集 - 聂微东 https://github.com/nieweidong/fetool

前端开发者手册 https://dwqs.gitbooks.io/frontenddevhandbook/content

入门类

入门类地址

前端入门教程

瘳雪峰的Javascript教程

前端工程师必备的PS技能——切图篇

结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning

工具类

工具类地址

前端人的俱乐部真可以解放你的收藏夹

如何优雅地使用Sublime Text

新编码神器Atom使用纪要

css sprite 雪碧图制作

版本控制入门 – 搬进 Github

Grunt-beginner前端自动化工具

IntelliJ IDEA 简体中文专题教程 https://github.com/judasn/IntelliJ-IDEA-Tutorial

SublimeText https://github.com/jikeytang/sublime-text

Atom https://atom.io

visual studio code https://code.visualstudio.com

综合效果搜索平台

综合效果搜索平台地址

JavaScript 资源大全中文版

100+ 超全的web开发工具和资源 https://xituqu.com/170.html

zoommyapp.com 高质量图库

unsplash.com https://unsplash.com/ 高质量图库

https://www.pinterest.com/ 图库

New Old Stock 复古风图库

效果网

花瓣网

优美图

codepen

摄图网

常用的JavaScript代码片段

团队Blog|周报类

周报类地址

奇舞周刊

淘宝前端团队（FED）

码农周刊

WEB前端开发

A JS tip per day!

腾讯全端 AlloyTeam

平安科技移动开发二队技术周报 https://github.com/PaicHyperionDev/MobileDevWeekly

开发中心

开发中心地址

mozilla js参考

chrome开发中心（chrome的内核已转向blink） https://developer.chrome.com/extensions/api_index.html

safari开发中心 https://developer.apple.com/library/safari/navigation

microsoft js参考 https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx

js秘密花园

w3help 综合Bug集合网站

Nodejs

Nodejs地址

Node.js 包教不包会 https://github.com/alsotang/node-lessons

node express 入门教程

nodejs定时任务

一个nodejs博客

【NodeJS 学习笔记04】新闻发布系统

过年7天乐，学nodejs 也快乐

七天学会NodeJS https://github.com/nqdeng/7-days-nodejs

Nodejs学习笔记（二）— 事件模块

nodejs入门

angularjs nodejs https://github.com/zensh/jsgen

从零开始nodejs系列文章

理解nodejs :4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb

nodejs事件轮询

node入门

nodejs cms

Node初学者入门，一本全面的NodeJS教程

NodeJS的代码调试和性能调优

综合API

综合API地址

javascripting

各种流行库搜索

runoob.com-包含各种API集合

开源中国在线API文档合集

devdocs 英文综合API网站

Ecmascript

Ecmascript地址

Understanding ECMAScript 6 - Nicholas C. Zakas https://leanpub.com/understandinges6/read

exploring-es6 https://leanpub.com/exploring-es6/read

exploring-es6翻译 https://github.com/es6-org/exploring-es6

exploring-es6翻译后预览

阮一峰 es6

阮一峰 Javascript

ECMA-262，第 5 版

es5

Js template

Js template地址

template-chooser

artTemplate https://github.com/aui/artTemplate

tomdjs https://github.com/aui/tmodjs/blob/master/README.md

淘宝模板juicer模板

Fxtpl v1.0 繁星前端模板引擎

laytpl

mozilla - nunjucks https://github.com/mozilla/nunjucks

Juicer https://github.com/PaulGuo/Juicer

dustjs

etpl

HTML5(HTML)

HTML(HTML5)地址

深入理解HTML5标签 https://segmentfault.com/a/1190000002695791

如何写出高效率的HTML https://segmentfault.com/a/1190000002680822

HTML meta标签总结与属性使用介绍 https://segmentfault.com/a/1190000004279791

戏说HTML5

CSS3(CSS)

CSS地址

CSS 语法参考

如何编写可维护的CSS https://github.com/chadluo/CSS-Guidelines/blob/master/README.md

CSS3动画手册

腾讯css3动画制作工具

志爷css小工具集合

css3 js 移动大杂烩

bouncejs 触摸库

animate.css

全局CSS的终结(狗带 [译]

browserhacks

Angularjs

Angularjs地址

Angular.js 的一些学习资源 https://github.com/dolymood/AngularLearning

angularjs中文社区

Angularjs源码学习

Angularjs源码学习 ?c=AngularJS

angular对bootstrap的封装

angularjs + nodejs https://cnodejs.org/topic/51404e0f069911196d2e3923

吕大豹 Angularjs

AngularJS 最佳实践

Angular的一些扩展指令

Angular数据绑定原理 https://github.com/Pasvaz/bindonce

一些扩展Angular UI组件 https://github.com/angular-ui

Ember和AngularJS的性能测试

带你走近AngularJS - 基本功能介绍

Angularjs开发指南

Angularjs学习

不要带着jQuery的思维去学习AngularJS

angularjs 学习笔记 ?tag=angularjs

angularjs 开发指南

angularjs 英文资料 https://github.com/jmcunningham/AngularJS-Learning

angular bootstrap

angular jq mobile https://github.com/opitzconsulting/jquery-mobile-angular-adapter

angular ui

整合jQuery Mobile+AngularJS经验谈

有jQuery背景，该如何用AngularJS编程思想

AngularJS在线教程

angular学习笔记

React

React地址

react.js 中文论坛

react.js 官方网址 https://facebook.github.io/react/index.html

react.js 官方文档 https://facebook.github.io/react/docs/getting-started.html

react.js material UI

react.js TouchstoneJS UI

react.js amazeui UI

React 入门实例教程 - 阮一峰

React Native 中文版

Webpack 和 React 小书 - 前端乱炖 %203053

Webpack 和 React 小书 - gitbook https://fakefish.github.io/react-webpack-cookbook

webpack https://github.com/webpack/webpack

Webpack，101入门体验

webpack入门教程

基于webpack搭建前端工程解决方案探索

React原创实战视频教程

vue

vue地址

Vue

Vue 论坛

Vue 入门指南

Vue 的一些资源索引

awesome-vue https://github.com/vuejs/awesome-vue

移动端API

移动端API地址

99移动端知识集合 https://github.com/jtyjty99999/mobileTech

移动端前端开发知识库 https://github.com/AlloyTeam/Mars

移动前端的一些坑和解决方法（外观表现）

【原】移动web资源整理

zepto 1.0 中文手册

zepto 1.1.2

zepto 中文注释

jqmobile 手册

移动浏览器开发集合 https://github.com/maxzhang/maxzhang.github.com/issues

移动开发大杂烩 https://github.com/hoosin/mobile-web-favorites

jQuery

jQuery地址

jQuery API 中文文档

hemin 在线版

css88 jq api

css88 jqui api

学习jquery

jquery 源码查找

Web前端资源汇总(jQuery,Js,Css3等)

D3地址

d3 Tutorials https://github.com/mbostock/d3/wiki/Tutorials

Gallery https://github.com/mbostock/d3/wiki/Gallery

lofter

iteye

ruanyifeng

Requriejs

Requriejs地址

Javascript模块化编程（一）：模块的写法

Javascript模块化编程（二）：AMD规范

Javascript模块化编程（三）：require.js的用法

RequireJS入门（一）

RequireJS入门（二）

RequireJS进阶（三）

requrie源码学习

requrie 入门指南

requrieJS 学习笔记

requriejs 其一

require backbone结合

Seajs

Seajs地址

seajs

seajs 中文手册

Less,sass

Less,sass地址

sass

sass教程-sass中国

Sass 中文文档

less

Markdown

Markdown地址

Markdown 语法说明 (简体中文版

markdown入门参考 https://github.com/LearnShare/Learning-Markdown/blob/master/README.md

gitbook https://www.gitbook.com 国外的在线markdown可编辑成书

mdeditor https://www.zybuluo.com/mdeditor 一款国内的在线markdown编辑器

stackedit https://stackedit.io 国外的在线markdown编辑器，功能强大，同步云盘

mditor 一款轻量级的markdown编辑器

lepture-editor https://github.com/lepture/editor

markdown-editor https://github.com/jbt/markdown-editor

作业部落 https://www.zybuluo.com 功能强大，速度流畅，全平台同步

兼容性

兼容性地址

esma 兼容列表

W3C CSS验证服务

caniuse

csscreator

microsoft https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx

在线测兼容-移动端

emulators https://www.manymo.com/emulators

UI相关

UI相关地址

bootcss

ANT DESIGN 一个 UI 设计语言

MetroUICSS

semantic

Buttons

kitecss

pintuer

amazeui

worldhello

linuxtoy

gitmagic ~blynn/gitmagic/intl/zh_cn

rogerdudler

gitref

book

gogojimmy

其它API

其它API地址

HTTP API 设计指南

javascript流行库汇总 javascriptoo

验证api

underscore 中文手册

underscore源码分析 %203031

underscore源码分析-亚里士朱德的博客

underscrejs en api

lodash - underscore的代替品 https://lodash.com

ext4api

qwrap手册

缓动函数

svg 中文参考

svg mdn参考 https://developer.mozilla.org/en-US/docs/Web/SVG

svg 导出 canvas https://github.com/gabelerner/canvg

svg 导出 png https://github.com/exupero/saveSvgAsPng

ai-to-svg

localStorage 库 https://github.com/machao/localStorage

图表类

图表类地址

Highcharts 中文API

Highcharts 英文API

ECharts 百度的图表软件

高德地图

开源的矢量图脚本框架

svg 地图

正则

正则地址

JS正则表达式元字符

正则表达式30分钟入门教程

MDN-正则表达式

ruanyifeng - RegExp对象

小胡子哥 - 进阶正则表达式 ?page=1

is.js https://github.com/Cedriking/is.js/blob/master/is.js

正则在线测试

前端规范

前端规范地址

通过分析github代码库总结出来的工程师代码书写习惯

HTML&CSS编码规范 by @mdo

团队合作的css命名规范-腾讯AlloyTeam前端团队

前端编码规范之js - by yuwenhui

前端编码规范之js - by 李靖

前端开发规范手册

Airbnb JavaScript 编码规范（简体中文版）

AMD与CMD规范的区别

KISSY 源码规范

bt编码规范

规范加强版 https://github.com/Suxiaogang/Code_Guide

前端代码规范及最佳实践

百度前端规范

ECMAScript6 编码规范–广发证券前端团队 https://github.com/gf-rd/es6-coding-style

JavaScript 风格指南/编码规范（Airbnb公司版）

网易前端开发规范

css模块

前端规范资源列表 https://github.com/ecomfe/spec

PHP

PHP地址

最流行的PHP 代码规范

最流行的PHP 代码规范 https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md

各大公司开源项目

各大公司开源项目地址

Facebook Projects https://code.facebook.com/projects/web

百度web前端研发部

百度EFE

百度github https://github.com/fex-team

alloyteam

alloyteam-github

alloyteam-AlloyGameEngine https://github.com/AlloyTeam/AlloyGameEngine

AlloyDesigner 即时修改，即时保存，设计稿较正，其它开发辅助工具

H5交互页编辑器AEditor介绍 H5动画交互页开发的工具介绍

AEditor H5动画交互页开发的工具

值得订阅的weekly https://github.com/fenbility/weekly-feed

腾讯html5

奇舞团开源项目

Qunar UED

Scrat

常用

常用地址

ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性

模拟键盘

拼音 https://github.com/hotoo/pinyin

中国个人身份证号验证 https://github.com/mc-zone/IDValidator

算法

算法地址

数据结构与算法 JavaScript 描述. 章节练习 https://github.com/Ralph-Wang/algorithm.in.js

常见排序算法（JS版） https://github.com/twobin/twobinSort

经典排序 https://github.com/luofei2011/jsAgm/blob/master/js/sort.js

常见排序算法-js版本 https://github.com/hechangmin/jssort

JavaScript 算法与数据结构精华集

面试常考算法题精讲

移动端

移动端地址

fastclick https://github.com/ftlabs/fastclick

no-click-delay https://github.com/mmastrac/jquery-noclickdelay

【敏捷开发】Android团队开发规范

Android 开发规范与应用

ionic https://github.com/ychow/ionic-guide

JSON

JSON地址

模拟生成JSON数据

返回跨域JSONAPI

焦点图

焦点图地址

myfocus https://github.com/koen301/myfocus

myfocus-官方演示站

SuperSlidev2.1 – 大话主席

soChange

Ext, EasyUI, J-UI 及其它各种UI方案

Ext, EasyUI, J-UI 及其它各种UI方案地址

extjs https://www.sencha.com/products/extjs

ext4英文api

ext4中文api

jquery easyui 未压缩源代码

J-UI

MUI-最接近原生APP体验的高性能前端框架

Amaze UI(中国首个开源 HTML5 跨屏前端框架)

淘宝 HTML5 前端框架

KISSY - 阿里前端JavaScript库

网易Nej - Nice Easy Javascript

Kendo UI MVVM Demo

Bootstrap

Foundation

Smart UI

雅虎UI - CSS UI

页面社会化分享功能

页面社会化分享功能地址

百度分享 pc端

JiaThis pc端

社会化分享组件移动端

ShareSDK 轻松实现社会化功能移动端

友盟分享移动端

富文本编辑器

富文本编辑器地址

功能齐全 tinymce https://www.tinymce.com

百度 ueditor

经典的ckeditor

经典的kindeditor

wysiwyg

一个有情怀的编辑器。Bach’s Editor

tower用的编辑器 https://github.com/mycolorway/simditor

summernote 编辑器 https://github.com/summernote/summernote

html5编辑器

Quilljs编辑器

XEditor

wangEditor https://github.com/wangfupeng1988/wangEditor

前端概述

前端概述地址

前端工具大全

什么是前端工程化

[译] 前端攻略-从路人甲到英雄无敌 https://segmentfault.com/a/1190000005174755

Gulp

Gulp地址

Gulp官网

Gulp中文网

gulp资料收集 https://github.com/Platform-CUF/use-gulp

Gulp：任务自动管理工具 - ruanyifeng

Gulp插件

Gulp探究折腾之路(I)

Gulp折腾之路(II)

Gulp不完全入门教程

为什么使用gulp? https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33

Gulp安装及配合组件构建前端开发一体化

Gulp 入门指南 https://github.com/nimojs/gulp-book

Gulp 入门指南 - nimojs https://github.com/nimojs/blog/issues/19

Gulp in Action

Gulp开发教程（翻译）

前端构建工具gulpjs的使用介绍及技巧

Grunt

Grunt地址

gruntjs

Grunt中文网

Fis

Fis地址

fis 官网

fis

pc图轮

pc图轮地址

单屏轮播sochange

左右按钮多图切换

fullpage全屏轮播 https://github.com/alvarotrigo/fullPage.js

移动端图轮

移动端图轮地址

滑屏效果

全屏fullpage https://github.com/peunzhang/fullpage

单个图片切换 https://github.com/qiqiboy/touchslider

单个全屏切换 https://github.com/peunzhang/slip.js

百度的切换库 ?qq-pf-to=pcqq.group

单个全屏切换 https://github.com/peunzhang/iSlider

滑屏效果 https://github.com/saw/touch-interfaces

旋转拖动设置

类似于swipe切换

支持多种形式的触摸滑动

滑屏效果 https://github.com/joker-ye/main/blob/master/wap/index.html

大话主席pc移动图片轮换

滑屏效果 https://github.com/hahnzhu/parallax.js

基于zepto的fullpage https://github.com/yanhaijing/zepto.fullpage

[WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应

判断微信客户端的那些坑

可以通过javascript直接调用原生分享的工具 https://github.com/JefferyWang/nativeShare.js

JiaThis 分享到微信代码

聊聊移动端跨平台开发的各种技术

前端自动化测试

多种轮换图片

滑动侧边栏 https://mango.github.io/slideout

文件上传

文件上传地址

百度上传组件

上传 https://blueimp.github.io/jQuery-File-Upload

flash 头像上传

图片上传预览

图片裁剪

图片裁剪-shearphoto

jQuery图片处理 ?lang=0&os=0&sort=view&p=2

模拟select

模拟select地址

糖饼 select

flexselect https://github.com/rmm5t/jquery-flexselect

双select

select2

取色插件

取色插件地址

类似 Photoshop 的界面取色插件

jquery color https://github.com/jquery/jquery-color

取色插件集合

farbtastic 圆环＋正方形 https://github.com/mattfarina/farbtastic

城市联动

城市联动地址

jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 ?p=360

剪贴板

剪贴板地址

剪贴板 https://github.com/zeroclipboard/zeroclipboard

clipboard 最新的剪切方案

不是Flash的剪贴板 https://github.com/zenorocha/clipboard.js

简繁转换

简繁转换地址

简繁转换 https://github.com/BYVoid/OpenCC

表格 Grid

表格 Grid地址

facebook表格

类似于Excel编辑表格-handsontable

bootstrap-table插件

datatables https://www.datatables.net

在线演示

在线演示地址

js 在线编辑 - runjs

js 在线编辑 - jsbin

js 在线编辑 - codepen

js 在线编辑 - jsfiddle

java 在线编辑 - runjs

js 在线编辑 - hcharts

js 在线编辑 - jsdm

sql 在线编辑 - sqlfiddle

mozilla 在线编辑器 https://thimble.mozilla.org

常规优化

常规优化地址

Javascript高性能动画与页面渲染

移动H5前端性能优化指南

5173首页前端性能优化实践 ?p=1731

给网页设计师和前端开发者看的前端性能优化

复杂应用的 CSS 性能分析和优化建议

张鑫旭——前端性能张鑫旭——前端性能

前端性能监控总结

网站性能优化之CSS无图片技术网站性能优化之CSS无图片技术

web前端性能优化进阶路 web前端性能优化进阶路

前端技术：网站性能优化之CSS无图片技术

浏览器的加载与页面性能优化

页面加载中的图片性能优化

Hey——前端性能 Hey——前端性能

html优化 html优化

99css——性能 99css——性能

Yslow——性能优化 ?cid=20

YSLOW中文介绍

转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化

Yahoo!团队实践分享：网站性能

网站性能优化指南：什么使我们的网站变慢？

网站性能优化实践，减少加载时间，提高用户体验

浅谈网站性能优化前端篇

前端重构实践之如何对网站性能优化？

前端性能优化：使用媒体查询加载指定大小的背景图片

网站性能系列博文

加载，不只是少一点点

前端性能的测试与优化

分享网页加载速度优化的一些技巧？

web前端优化(基于Yslow

网站性能优化工具大全 https://www.qianduan.net/website-performance-optimization-tool.html

【高性能前端1】高性能HTML

【高性能前端2】高性能CSS

由12306谈谈网站前端性能和后端性能优化

AlloyTeam——前端优化 AlloyTeam——前端优化

毫秒必争，前端网页性能最佳实践

网站性能工具Yslow的使用方法

前端工程与性能优化（上）：静态资源版本更新与缓存

前端工程与性能优化（下）：静态资源管理与模板框架

HTTPS连接的前几毫秒发生了什么

Yslow

Essential Web Performance Metrics — A Primer, Part 1

Essential Web Performance Metrics — Part 2

YUISlide,针对移动设备的动画性能优化

Improving Site Performance

让网站提速的最佳前端实践

Why Website Speed is Important

Need for Speed – How to Improve your Website Performance https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance

阿里无线前端性能优化指南 (Pt.1 加载期优化 https://github.com/amfe/article/issues/1

优化工具

优化工具地址

JavaScript 性能分析新工具 OneProfile

JavaScript 堆内存分析新工具 OneHeap

在线工具

在线工具地址

google在线工具 https://developers.google.com/speed/pagespeed/insights

阿里-免费测试服务

阿里-F2etest多浏览器兼容性测试解决方案 https://github.com/alibaba/f2etest

js性能测试

前端架构

前端架构地址

技术架构

前端架构

如何成为前端架构师

关于前端架构-张克军 ?file=fe-infrastructure.html

百度腾讯offer比较（腾讯游戏VS百度基础架构）

推荐作品

推荐作品地址

winter代码片段需要FQ https://gist.github.com/wintercn

fgm

岑安作品集 https://github.com/hongru/hongru.github.com

当耐特demo集合

米空格 js作品

myFocus

SeaJS组件库

颜海镜作品

脚儿网作品

javascript个人作品

妙味的雷东升游戏作品 ?mod=viewthread&tid=7790

javascript作品集

云五笔，灰度产生生成工具 https://github.com/TooBug/works

项目主页

个性的作品主页

播放器

ucren js demos 集

智能社

实例陈列架

zoye demo

王员外

平凡

jyg 游戏案例

很多jquery插件

不羁虫 - soJs 作品系列

frozenui

黑白棋

fromone

pazguille

Html5 VideoPlayer https://github.com/zmmbreeze/DeadSimpleVideoPlayer

Proton 烟花

简历模板

简历模板地址

简历

张伦

简历 https://github.com/hacke2/ResumeSample

马斯特

张秋怡 https://joyeecheung.github.io/resume/

翁天信

动画方式的简历

组件丰富简历

haorooms博客

面试题

面试题地址

那几个月在找工作（百度，网易游戏）

2014最新面试题

2016校招内推 – 阿里巴巴前端 – 三面面试经历

年后跳槽那点事：乐视+金山+360面试之行

Interviewing a front-end developer

拉勾网js面试题

前端面试

Web开发笔试面试题大全

前端开发面试题

2014最新前端面试题 https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions

百度面试 https://github.com/fex-team/interview-questions

面试题 ?mod=forumdisplay&fid=51&filter=typeid&typeid=177

前端工作面试问题 https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese

前端开发面试题

5个经典的前端面试问题 5个经典的前端面试问题

最全前端面试问题及答案总结

如何面试一名前端开发工程师？ %202961

史上最全前端开发面试问题及答案整理 https://github.com/hawx1993/Front-end-Interview-questions

前端实习生面试总结

史上最全前端开发面试问题及答案整理 https://github.com/hawx1993/Front-end-Interview-questions

BAT及各大互联网公司2014前端笔试面试题：JavaScript篇

前端开发面试题大收集 https://github.com/paddingme/Front-end-Web-Development-Interview-Question

收集的前端面试题和答案 https://github.com/qiu-deqing/FE-interview

如何面试前端工程师

前端开发面试题 https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md

牛客网-笔试面经 ?type=2

iconfont

iconfont地址

中文字体

淘宝字库

字体

制作教程

zhangxinxu-icommon ?s=icomoon

icommon https://icomoon.io/app

用字体在网页中画ICON图标(推荐教程

字体压缩工具

Fiddler

Fiddler地址

Fiddler调式使用知多少(一深入研究

微信fiddle

Chrome

Chrome地址

Google Chrome 官方 https://developer.chrome.com/devtools

Chrome - 基础

Chrome - 进阶

Chrome - 性能

Chrome - 性能进阶

Chrome - 移动

Chrome - 使用技巧

Chrome - Console控制台不完全指南

Chrome - Workspace使浏览器变成IDE

network面板 %202975

chrome开发工具快捷键

chrome调试工具常用功能整理

Chrome 开发工具 Workspace 使用

Chrome神器Vimium快捷键学习记录

sass调试-w3cplus

如何更专业的使用Chrome开发者工具-w3cplus

chrome调试canvas

chrome profiles1 https://developer.chrome.com/devtools/index

chrome profiles2

chrome profiles3

chrome移动版调试 https://developer.chrome.com/devtools/docs/mobile-emulation

chrome调试

chrome的调试

chrome console 命令详解 https://developer.chrome.com/devtools/docs/commandline-api

查看事件绑定1

查看事件绑定2

神器——Chrome开发者工具(一

奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍 https://xinranliu.me/2015-05-22-qiqu-performance

chrome 开发者工具的 15 个小技巧

Chrome开发者工具不完全指南

Chrome 开发者工具使用技巧

Firebug

Firebug地址

firebug视频教程

firefox 模拟器 https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE

console.log 命令详解

Firebug入门指南

Firebug控制台详解

移动,微信调试

移动,微信调试地址

浏览器端调试安卓 https://openstf.github.io

移动端前端开发调试

使用 Chrome 远程调试 Android 设备 https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md

mac移动端调试

无线调试攻略

屌爆了,完美调试微信webview(x5

微信调试的那些事微信调试的那些事

远程console

微信调试工具

各种真机远程调试方法汇总 https://github.com/jieyou/remote_inspect_web_on_real_device

iOS Simulator

iOS Simulator地址

Simulator iOS_Simulator_Guide-Introduction

iOS Simulator的介绍和使用心得

Image

img地址

loading img

智图-图片优化平台

在线png优化 https://tinypng.com

SM.MS(图床工具～简易好用) https://sm.ms/

yutuku：极简图床

Qchan图床

浏览器同步

浏览器同步地址

puer https://github.com/leeluolee/puer

liveReload

File Watchers

在线PPT制作

在线PPT制作地址

nodePPT nodePPT

Cleaver快速制作网页PPT

impress.js

PPT https://github.com/ksky521/nodePPT

reveal https://github.com/hakimel/reveal.js

bespoke-fx https://github.com/ebow/bespoke-fx

slippy https://github.com/Seldaek/slippy

前端导航网站

前端导航网站地址

界面清爽的前端导航

前端导航

前端网址导航

前端名录

前端导航

前端开发资源

前端开发仓库 - 众多效果的收集地

前端资源导航 https://github.com/jnoodle/f2e-collect

F2E 前端导航

常用CDN

常用CDN地址

新浪CDN

百度静态资源公共库

360网站卫士常用前端公共库CDN服务

Bootstrap中文网开源项目免费 CDN 服务

开放静态文件 CDN - 七牛

CDN加速 - jq22

jQuery CDN

Google jQuery CDN

微软CDN

Git

Git地址

git-scm

廖雪峰-Git教程廖雪峰-Git教程

git-for-windows https://git-for-windows.github.io

GitHub 添加 SSH keys

gogithub

git常规命令练习

git的资料整理 https://github.com/xirong/my-git

我所记录的git命令（非常实用）

企业开发git工作流模式探索部分休整 https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md

GitHub 漫游指南 https://github.com/phodal/github-roam

GitHub秘籍 https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md

使用git和github进行协同开发流程

动画方式练习git

各种日期日历

各种日期日历地址

经典my97

强大的独立日期选择器

fullcalendar

fullcalendar日历控件知识点集合

中文api

农历日历 https://github.com/zzyss86/LunarCalendar

超酷的仿百度带节日日历老黄历控件

日期格式化

大牛日历控件 https://github.com/Johnqing/QPAYCalendar

我群某管理作品 https://github.com/Iamlars/dateMarker

input按位替换-官网

input按位替换-github https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2

bootstrap-daterangepicker https://github.com/dangrossman/bootstrap-daterangepicker

国外30个插件集合

JavaScript datepicker

Datepair.js

一个风格多样的日历 https://github.com/glad/glDatePicker

弹出层式的全日历

jquery双日历

大气实用jQuery手机移动端日历日期选择插件 ?c=content&a=show&id=115

jQuery Mobile 移动开发中的日期插件Mobiscroll https://mobiscroll.com

Date library

Date library地址

Datejs https://github.com/datejs/Datejs

sugarjs

其它

其它地址

Mock.js 是一款模拟数据生成器

特色的HTML框架可以创建精美的iOS应用

淘宝SUI

avalonjs

Avalon新一代UI库： OniUI

avalon.oniui-基于avalon的组件库 https://github.com/RubyLouvre/avalon.oniui

生成二维码(草料)

效果类

效果类地址

弹出层

焦点图轮播特效

HTML5 有哪些让你惊艳的 demo？

弹出层

弹出层地址

artDialog 最新版 https://github.com/aui/artDialog

artDialog 文档

google code 下载地址 https://code.google.com/p/artdialog/downloads/list

贤心弹出层

响应式用户交互组件库 https://github.com/bh-lay/UI

sweetalert-有css3动画弹出层

优秀JavaScript项目

优秀JavaScript项目地址

Angular和Webpack种子文件 https://github.com/AngularClass/angular2-webpack-starter

Fis3面向前端的工程构建系统 https://github.com/fex-team/fis3

Fis3 DEMO https://github.com/fex-team/fis3-demo

前端JQuery系列:源码剖析 https://github.com/JsAaron/jQuery

avalon框架 https://github.com/RubyLouvre/avalon

Microsoft ChakraCore 微软的Chakra引擎 https://github.com/Microsoft/ChakraCore

Quintus HTML游戏引擎 https://github.com/cykod/Quintus

一个用node.js搭建的有趣博客 https://github.com/STRML/strml.net

Web前端助手–FeHelper（Chrome扩展） https://github.com/zxlie/FeHelper

百度前端技术学院 https://github.com/baidu-ife/ife

Cheerio（node.js中的jQuery） https://github.com/cheeriojs/cheerio

nodejs的一个聊天软件类似微信 https://github.com/BryanYang/freechat

使用html5和node.js构建的网易云音乐 https://github.com/stkevintan/Cube

babel ES6转换为ES5 https://github.com/babel/babel

一个JS富文本编辑器 https://github.com/fex-team/ueditor

一个JS脑图可视化工具 https://github.com/fex-team/kityminder-core

一个JS写的Flappy Bird Game https://github.com/ellisonleao/clumsy-bird

一个JS写的GBA模拟器 https://github.com/taisel/IodineGBA

SegmentFault写的Markdown解析器 https://github.com/SegmentFault/HyperDown.js

基于node.js的Ghost博客 https://github.com/TryGhost/Ghost

学习react的demos https://github.com/ruanyf/react-demos