推荐20个非常有帮助的web前端开发教程

1. CSS Vocabulary

一个伟大的指向和点击的小应用程序，让你加高速度掌握 CSS 语法的各个不同部分，学习各个属性的正确的名称。

2. Liquidapsive

一个简单的信息化布局。通过选择框的方式，能够让你在响应式，自适应。流动和静态布局中选择，所以你能够看到四大布局类型之间的差别。

3. Superhero.js

最好的文章，视频和演示文稿，以帮助前端开发者保持较大的 JavaScript 代码库的集合。

包含有一些普遍原则型的东西。对測试工具，性能。安全性和很多其它的资源。

4. HowToCoffeeScript.com

学习和记忆 CoffeScript 语法的速查手冊。

5. The HTML Landscape

这是很有趣的。这是 W3C 文档，它描写叙述了3个 HTML 规范之间的“可感知的差异”： WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1 。

可能是有点过于技术性。但你或许能够在这里找到一些有趣的新东西。

6. The Elements of HTML

一个非常好的全面的 HTML 和 XHTML 元素的单页图表，用来说明各个元素属于哪个规范。

这看起来对做研究真是好，假设元素已过时或在 HTML5 中已过时。

7. JavaScript Equality Table

一个非常不错的3层的图表。帮助您了解 JavaScript 的 == 和===操作符。结论是应该使用===操作符。除非你全然明确==发生了转换。

8. Web Accessibility Checklist

一个实用的。但不是压倒性的參考，以帮助您检查过各种元素在你的项目中的可訪问性。非常多，这是非常easy的。除了做辅助验证已。

9. Static Web Apps — A Field Guide

依据介绍：“本指南将为您介绍的静态 Web 应用程序世界，并提供解决方式。同一时候建立他们遇到的共同挑战。

10. Learn regular expressions in about 55 minutes

丰富的文档和教程，介绍正則表達式。它所宣称的55分钟或者更长的时间才干真正得到的东西，但绝对值得一试。

11. Open Web CSS Reference

这是一个很全面的。鲜为人知的 CSS 属性和功能的參考。按字母顺序排列，包含链接到规范页面。

12. CSS Values

这是一个简单的方法来查找一个 CSS 属性并高速查看可能的值。比如，假设你忘了什么样的价值观是能够接受的，如字体变形。除了值，最新的更新包含浏览器支持的每一个属性的图表。

13. ES6features

由微软的开发人员卢克霍本整理的东西。ECMAScript6 规范的概述。对于前端开发人员，这将是故意的，開始逐渐熟悉这个东西。

14. Relevant Spec Links

我常常非常难找到在规范的引用的一些正确的地方。

这是一个非常好的简要，总结从 Mozilla 获取的你须要知道的有关规范的链接。

15. OverAPI.com

史上最全的开发者在线速查手冊！

这个站点收集了众多对开发者很实用的手冊。记得分享和推荐一下哦。

16. JavaScript: The Right Way

一个 JavaScript 指南，旨在引领入门人员。并帮助有经验的人到 JavaScript 的最佳实践。

17. The HTML5 JavaScript API Index

一个真正全方位一站式的地方寻找 HTML5 API 的信息。非常easy使用3窗格视图导航“自己主动从 HTML5 规范文件生成” 。

18. Zeal

这看起来相当整洁。这是一个原生的应用程序，能够让你离线搜索130多个API文档。

简单的键盘快捷键，你能够从你的工作区的不论什么位置显示API的浏览器。

19. The Ultimate Flexbox Cheat Sheet

一个广泛引用，以帮助您找到flexbox语法和刷上不太熟悉的东西。

20. jsCode

一个应用程序。以帮助您创建自己的自己定义 JavaScript 编码准则。您也能够看看别人和你分享与你的团队或其它合作者创建的自己定义指南。

原文来自：推荐20个非常有帮助的 Web 前端开发教程