| layout | title | date |
|---|---|---|
post |
Web开发资源列表 |
2017-03-03 17:28 |
Web开发资源列表
## 浏览器工具 * [Chrome Dev Tools](http://code.google.com/chrome/devtools/docs/overview.html) Chrome浏览器内置开发工具，实时编辑HTML、CSS和JavaScript，还可在 [console](http://code.google.com/chrome/devtools/docs/console.html)中运行代码.Firefox的开发者工具:工具 -> Web Developer。
IE的开发者工具。
Opera 工具.
## 浏览器功能手机和桌面浏览器的功能，带链接到各自的文档。
Web平台特性支持和示例，能看到将要发布的功能，可以使用Chrome Canary进行测试。Blink作为Chromium的渲染引擎，在blink-dev论坛中也有一些非常有趣的讨论。
可以查看Chrome将有哪些新功能。
Internet Explorer的状态和路线图。
ECMAScript 兼容性一览.
浏览器功能大全，带有示例链接和支持信息。
手机浏览器的功能。
HTML、 CSS 和 JavaScript 特性: flux中有什么, 什么是flakey, 能用来做些什么。
测试你的浏览器CSS3支持。
使用真实用例进行浏览器测试而不只是纯粹的JavaScript性能测试。
-
status modern ie 类似于Chrome Status但是针对 Edge 和 Internet Explorer，有当前状态和路线图。
-
ES6 compatibility 从服务器端和浏览器的ECMAScript兼容性列表。
大量的计算机科技入门教程。
简明的HTML、CSS和JavaScript互动课程。
包括JavaScript的互动学习环境。
关于HTML、CSS和JavaScript及其它语言的简单教程，适合龟速网络使用者查看。
- Udacity
由很多制作精良的Web互动课程:
非常好看的Web技术入门在线书籍。
非常用心的介绍性文章。
询问或是查找web相关问题高质量答案的地方，没有之一。有技术问题第一个要先搜索的地方。
有最新的HTML、CSS和JavaScript教程和示例。
最新最全面的组件、标记和事件列表，且都带有示例。
HTML组件的默认样式。
Mozilla Developer Network: 由Mozilla员工和成百上千的志愿者维护，支持多个本地化语言的示例，教程和参考文档。
可下载的web关键技术文档。
独一无二，精心编写的关于HTML5的一切，包括如何入门及发展历史。
跨设备web开发的最佳实践。
HTML, CSS 和 JavaScript的文章和教程 .
精通浏览器，有一系列主题的深度文章。
著名出版社的参考文档。
微软家的HTML、CSS和JavaScript文档。
关于CSS的深度文章。
跨设备web设计、工具和技术。
重点关注由Chrome开发工程师维护的站点，每个链接的资源都进行了分类和评价。
由Googler Paul Kinlan创建的站点用来搜索高质量的web文档，如果有使用w3schools.com, 牢记 w3fools.com上的警告。还要注意的是web标准和规范同样也是文档，看下看。
跨行业构建web文档的项目，虽已无人维护但还是有一些有用的信息。
## 在线代码编辑器实时编辑HTML、CSS 和 JavaScript – 可以保存或链接分享。
HTML、CSS和JavaScript的在线编辑演示。
前端演示。
由Mozilla提供的在线网页编辑和发布工具。
入门的好地方。
取代本地IDE的完整线上环境，可集成github/bitbucket，还基于ubuntu container提供terminal。
Google的JavaScript APIs示例。
## 托管介绍Git, GitHub, GitHub Pages 和 Jekyll.
## 代码检测和验证工具HTML 验证工具。
HTML 分析工具。
CSS 验证工具。
CSS 检测，有编辑器的插件。
由Sencha Labs提供的开源CSS格式化工具。
JavaScript 检测工具，可以Sublime等编辑器中作为插件使用，还可用于如Gulp和Grunt等构建工具中。
JavaScript 检测工具(类似 JSLint但更易配置，有编辑器和Grunt插件。)。
JSON 验证工具.
格式化JavaScript和HTML的开源工具。
## 测试Google提供的工具，应用web性能的最佳实践来帮助开发者优化网页，并有用户体验和移动测试。
跨浏览器页面加载测试，可指定使用分布在全球的不同地点和网络环境的服务器。
使用全球不同的移动网络进行测试和监控。
Web高度代理：可以用来 设置带宽和延迟.
由Facebook提供的一整套开源应用，可用来是控制流量和模拟低速网络环境。
Fiddler 基于GeoEdge进行代理，使用自定义规则可以模拟网络速度。
创建、分享和对比测试用例。
OS X和iOS的网络模拟工具。
Chrome开发工具中的网络模拟模式
高质量web应用和网站的检查列表。
实时的在线浏览器测试 - 对于开源项目免费使用。
预估流量费用，对于新兴市场的用户来说流量费用的高低极其重要。
进行跨设备测试的框架，支持 Android, iOS, Windows (包括 phone, RT , desktop)和 Chrome OS。
前端构建工具。
JavaScript任务启动器。
注意参考Why we should stop using Grunt & Gulp.
构建最新web应用的工具流工具。
包管理器。
特性支持检测库。
著名的带有UI和widget插件的跨平台JavaScript库。 但有时你可能更不需要它 youmightnotneedjquery.com。
JavaScript优化检查工具。
CSS变量、继承及混合等。
跨浏览器 CSS 库。
MVC 框架。
跨浏览器的HTML5特性支持，其实就是如果浏览器厂家没有用C/C++实现的功能在这里用JavaScript模拟出来。
跨浏览器HTML5 web应用框架。
Web应用框架
## 标准和规范关于HTML、CSS。
HTML最新标准。
JavaScript只是它的一种方言。
## 书作者David Flanagan
广受好评的经典书籍，纸版。
作者Marijn Haverbeke (在线阅读或纸版)
JavaScript编程的入门好书，并有大量的可编辑在线示例。
作者Steve Krug
用户界面设计的经典之作，纸版值得拥有和珍藏。
作者Douglas Crockford
作者的文章都值得一读，特别是关于JavaScript的视频课程。
## 统计和归档数据多渠道的统计对比。
浏览器份额图表，多种维度。
原生应用的统计和分析。
新兴市场的数据和资源。
Web技术的趋势，实用统计和网站性能。
包含4000亿页面的归档服务。
2015年5月。
全球移动数据 (需要登陆)。
2016年6月。
数据中也包含功能机。
2015年8月 (>24000 单独设备数, >1000 品牌)。
根据屏幕尺寸和价格生成的设备图表。
实时的网络统计。
由互联网协会提供的全球互联网用户渗透率。
麦当劳巨无霸指数，大于60个国家, 用来衡量 平均购买力。
## 其它免费的占位图片。