Web前端

GitHub地址

1. HTML
   • 浮动
   • 居中
2. CSS
   • 字体图标
   • CSS预编译： LESS / SASS
3. Chrome, Firebug, Filddle 调试
   • Fiddler调式使用知多少(一)深入研究
   • Google Chrome 官方
   • Chrome - 基础
   • Chrome - 进阶
   • Chrome - 性能
   • Chrome - 性能进阶
   • Chrome - 移动
   • Chrome - 使用技巧
   • Chrome - Console控制台不完全指南
   • Chrome - Workspace使浏览器变成IDE

---

编码规范

• Bootstrap
• Google
• 前端代码规范 及 最佳实践
• 百度前端规范
• 百度前端规范
• 百度前端规范
• 规范加强版
• KISSY 源码规范
• 最流行的PHP 代码规范
• 最流行的PHP 代码规范
• 【敏捷开发】Android团队开发规范

---

前端工具包：

• W3Cfuns
• 开源中国

独立工具

• 缓冲函数
• JSON Editor
• 正则

前端资源

• 插件-JQ22
• 插件-17素材
• 图片素材
• 图标素材
• 字体

博客

• Leo

其他

• 流程图

---

API

1. 开发中心
   • mozilla js参考
   • chrome开发中心（chrome的内核已转向blink）
   • safari开发中心
   • microsoft js参考:http://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx
   • js秘密花园
   • js秘密花园
   • 开源中国在线API文档合集
2. CSS
   • CSS 语法参考
   • CSS3动画手册
3. Less,sass
   • less
   • sass
   • sass中国
4. jQuery
   • jQuery API 中文文档
   • hemin 在线版
   • css88 jq api
   • css88 jqui api
   • devdocs
   • jqschool
   • 学习jquery
   • jquery 源码查找
5. Ecmascript
   • 阮一峰 es6
   • 阮一峰 Javascript
   • ECMA-262，第 5 版
   • es5
6. Js template
   • artTemplate
   • tomdjs
   • 淘宝模板juicer模板
   • Fxtpl v1.0 繁星前端模板引擎
   • laytpl
7. Angularjs
   • angularjs中文社区
   • Angularjs源码学习
   • Angularjs源码学习
   • angular对bootstrap的封装
   • angularjs + nodejs
   • 吕大豹 Angularjs
   • AngularJS 最佳实践
   • Angular的一些扩展指令
   • Angular数据绑定原理
   • 一些扩展Angular UI组件
   • Ember和AngularJS的性能测试
   • 带你走近AngularJS - 基本功能介绍
   • Angularjs开发指南
   • Angularjs学习
   • 不要带着jQuery的思维去学习AngularJS
   • angularjs 学习笔记
   • angularjs 开发指南
   • angularjs 英文资料
   • angular bootstrap
   • angular jq mobile
   • angular ui
   • 整合jQuery Mobile+AngularJS经验谈
   • 有jQuery背景，该如何用AngularJS编程思想
8. Requriejs
   • Javascript模块化编程（一）：模块的写法
   • Javascript模块化编程（二）：AMD规范
   • Javascript模块化编程（三）：require.js的用法
   • RequireJS入门（一）
   • RequireJS入门（二）
   • RequireJS进阶（三）
   • requrie源码学习
   • requrie 入门指南
   • requrieJS 学习笔记
   • requriejs 其一
   • require backbone结合
9. Seajs
   • seajs
   • seajs 中文手册
10. 移动端API
    • 99移动端知识集合
    • 司徒正美移动知识集合
    • 移动端前端开发知识库
    • zepto 1.0 中文手册
    • zepto 1.0 中文手册
    • zepto 1.1.2
    • zepto 中文注释
    • jqmobile 手册
    • 移动浏览器开发集合
    • js移动调试
    • 移动开发大杂烩
11. 弹出层
    • artDialog 最新版
    • artDialog 文档
    • google code 下载地址
    • 贤心弹出层
    • 响应式用户交互组件库
    • SweetAlert
    • Highslide JS - 弹出层
12. 图表类
    • Highcharts 中文API
    • Highcharts 英文API
    • ECharts 百度的图表软件
    • 高德地图
13. 其它
    • 验证api
    • underscore 中文手册
    • underscore源码分析
    • underscrejs en api
    • ext4api
    • backbone 中文手册
    • qwrap手册
    • 缓动函数
    • svg 中文参考
    • svg mdn参考
    • 腾讯css3动画制作工具
14. 兼容性
    • esma 兼容列表
    • caniuse
    • csscreator
    • microsoft
15. UI相关
    • bootcss
    • MetroUICSS
    • semantic
    • Buttons
    • kitecss
    • pintuer
    • amazeui
    • worldhello
    • linuxtoy
    • gitmagic
    • rogerdudler
    • gitref
    • book
    • gogojimmy
16. HTTP
    • HTTP API 设计指南
17. Markdown
    • Markdown 语法说明 (简体中文版)
    • markdown入门参考
    • gitbook
    • mdeditor
    • mditor 一款轻量级的markdown编辑器
    • Cmd Markdown
    • 简书

---

优秀博客资源

• 前端知识体系
• 前端知识结构
• 免费的编程中文书籍索引
• 前端书籍
• 前端入门教程
• 前端知识体系
• 免费的编程中文书籍索引
• 张鑫旭 - 慕课系列
• 智能社 - 精通JavaScript开发
• lyn - 慕课系列
• css sprite 雪碧图制作
• 瘳雪峰的Javascript教程
• 焦点图轮播特效

代码演示

• http://www.jsbin.com
  http://w3cshare.com/jsbin-editor/ jsbin的用法
  优点：不需要登录，即发即预览
  缺点：速度不靠谱
• http://runjs.cn/
  优点：国内访问速度快，可以上传图片(左下角)
  缺点：需要登录，用户名
• http://www.jsfiddle.net
  优点：功能强大，历史记录给力
  缺点：访问速度慢
• CodePen - 前端在线展示平台
  优点：功能强大
  缺点：访问速度慢

免费测试空间

• Sina云
  优点：不需要手工发布，只需三级域名就可以访问，支持语言：php,python,java，
  缺点：需要身份证验证获取免费云豆
  版本控制工具：svn
• 京东云
  优点：不需要身份验证，支持：java,php,nodejs,python,ruby
  缺点：需要在控制台手动发布才能在线上预览
  版本控制工具：git
• github
  优点：注册即有，方便
  缺点：只支持静态
  版本控制工具：git

Nodejs

• nodejs 篇幅比较巨大
• 篇幅比较少
• node express 入门教程
• nodejs定时任务
• 一个nodejs博客
• 【NodeJS 学习笔记04】新闻发布系统
• 过年7天乐，学nodejs 也快乐
• 七天学会NodeJS
• Nodejs学习笔记（二）--- 事件模块
• nodejs入门
• angularjs nodejs
• 从零开始nodejs系列文章
• 理解nodejs
• nodejs事件轮询
• node入门
• nodejs cms

性能优化

• Javascript高性能动画与页面渲染
• 移动H5前端性能优化指南

前端架构

• MUI-最接近原生APP体验的高性能前端框架
• Amaze UI | 中国首个开源 HTML5 跨屏前端框架
• KISSY - 阿里前端JavaScript库
• 网易Nej - Nice Easy Javascript
• Kendo UI MVVM Demo
• Bootstrap
• Smart UI
• 雅虎UI - CSS UI

常用CDN

• 新浪CDN
• 百度静态资源公共库
• 360网站卫士常用前端公共库CDN服务
• Bootstrap中文网开源项目免费 CDN 服务
• 开放静态文件 CDN - 七牛
• CDN加速 - jq22
• jQuery CDN
• Google jQuery CDN
• 微软CDN

前端导航网站

• 界面清爽的前端导航
• 前端导航

---

更多内容请关注我的GitHub:http://mrleo.gitbooks.io/books/content/resource/Web前端.html