在平常的搜索中，我碰到過很多有趣的信息，應用程序和文檔，我把它們整理在下面這個列表。這是收藏的遇到的有用內容的一個偉大的方式，可以在你需要的時候方便查閱。相信你會在這個列表中發現對你很有用的資料。

您可能感興趣的相關文章

• Web 前端開發人員和設計師必讀文章集錦
• 十個擁有豐富 UI 組件的 JavaScript 框架
• 十款精心挑選的在線 CSS3 代碼生成工具
• 開發者必備的八個最佳云端集成開發環境
• 2012年度最佳 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

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

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 的信息。很容易使用3窗格視圖導航“自動從 HTML5 規范文件生成” 。

18. Zeal

這看起來相當整潔。這是一個原生的應用程序，可以讓你離線搜索130多個API文檔。簡單的鍵盤快捷鍵，你可以從你的工作區的任何位置顯示API的瀏覽器。

19. The Ultimate Flexbox Cheat Sheet

一個廣泛引用，以幫助您找到flexbox語法和刷上不太熟悉的東西。

20. jsCode

一個應用程序，以幫助您創建自己的自定義 JavaScript 編碼準則。您也可以看看別人和你分享與你的團隊或其他合作者創建的自定義指南。

您可能感興趣的相關文章

• 10套精美的免費網站后臺管理系統模板
• 推薦8款優秀的免費 Web 安全測試工具
• 60款很酷的 jQuery 幻燈片演示和下載
• 8個驚艷的 HTML5 和 JavaScript 特效
• 35款精致的 CSS3 和 HTML5 網頁模板

?

本文鏈接：推薦20個很有幫助的 Web 前端開發教程和文檔

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

總結

以上是生活随笔為你收集整理的推荐20个很有帮助的 Web 前端开发教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。