1. CSS Vocabulary

一個(gè)偉大的指向和點(diǎn)擊的小應(yīng)用程序，讓你加快速度掌握 CSS 語法的各個(gè)不同部分，學(xué)習(xí)各個(gè)屬性的正確的名稱。

2. Liquidapsive

一個(gè)簡單的信息化布局，通過選擇框的方式，可以讓你在響應(yīng)式，自適應(yīng)，流動(dòng)和靜態(tài)布局中選擇，所以你可以看到四大布局類型之間的區(qū)別。

3. Superhero.js

最好的文章，視頻和演示文稿，以幫助前端開發(fā)人員保持較大的 JavaScript 代碼庫的集合。包括有一些普遍原則型的東西，對測試工具，性能，安全性和更多的資源。

4. HowToCoffeeScript.com

學(xué)習(xí)和記憶 CoffeScript 語法的速查手冊。

5. The HTML Landscape

這是非常有趣的。這是 W3C 文檔，它描述了3個(gè) HTML 規(guī)范之間的“可感知的差異”： WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1 。可能是有點(diǎn)過于技術(shù)性，但你也許可以在這里找到一些有趣的新東西。

6. The Elements of HTML

一個(gè)很好的全面的 HTML 和 XHTML 元素的單頁圖表，用來說明各個(gè)元素屬于哪個(gè)規(guī)范。這看起來對做研究真是好，如果元素已過時(shí)或在 HTML5 中已過時(shí)。

7. JavaScript Equality Table

一個(gè)很不錯(cuò)的3層的圖表，幫助您了解 JavaScript 的 == 和===操作符。結(jié)論是應(yīng)該使用===操作符，除非你完全明白==發(fā)生了轉(zhuǎn)換。

8. Web Accessibility Checklist

一個(gè)有用的，但不是壓倒性的參考，以幫助您檢查過各種元素在你的項(xiàng)目中的可訪問性。很多，這是非常簡單的，除了做輔助驗(yàn)證已。

9. Static Web Apps — A Field Guide

根據(jù)介紹：“本指南將為您介紹的靜態(tài) Web 應(yīng)用程序世界，并提供解決方案，同時(shí)建立他們遇到的共同挑戰(zhàn)。

10. Learn regular expressions in about 55 minutes

豐富的文檔和教程，介紹正則表達(dá)式。它所宣稱的55分鐘或者更長的時(shí)間才能真正得到的東西，但絕對值得一試。

11. Open Web CSS Reference

這是一個(gè)非常全面的，鮮為人知的 CSS 屬性和功能的參考。按字母順序排列，包括鏈接到規(guī)范頁面。

12. CSS Values

這是一個(gè)簡單的方法來查找一個(gè) CSS 屬性并快速查看可能的值。例如，如果你忘了什么樣的價(jià)值觀是可以接受的，如字體變形。除了值，最新的更新包括瀏覽器支持的每個(gè)屬性的圖表。

13. ES6features

由微軟的開發(fā)者盧克霍本整理的東西，ECMAScript6 規(guī)范的概述。對于前端開發(fā)人員，這將是有益的，開始逐漸熟悉這個(gè)東西。

14. Relevant Spec Links

我經(jīng)常很難找到在規(guī)范的引用的一些正確的地方。這是一個(gè)很好的簡要，總結(jié)從 Mozilla 獲取的你需要知道的有關(guān)規(guī)范的鏈接。

15. OverAPI.com

史上最全的開發(fā)人員在線速查手冊！這個(gè)網(wǎng)站收集了眾多對開發(fā)人員非常有用的手冊，記得分享和推薦一下哦。

16. JavaScript: The Right Way

一個(gè) JavaScript 指南，旨在引領(lǐng)入門人員，并幫助有經(jīng)驗(yàn)的人到 JavaScript 的最佳實(shí)踐。 

17. The HTML5 JavaScript API Index

一個(gè)真正全方位一站式的地方尋找 HTML5 API 的信息。很容易使用3窗格視圖導(dǎo)航“自動(dòng)從 HTML5 規(guī)范文件生成” 。

18. Zeal

19. The Ultimate Flexbox Cheat Sheet

20. jsCode

原文來自：推薦20個(gè)很有幫助的 Web 前端開發(fā)教程