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

你可能感兴趣的:(Web前端)