在平常的搜索中,我碰到過很多有趣的信息,應用程式和文檔,我把它們整理在下麵這個列表。這是收藏的遇到的有用內容的一個偉大的方式,可以在你需要的時候方便查閱。相信你會在這個列表中發現對你很有用的資料。 1. CSS Vocabulary 一個偉大的指向和點擊的小應用程式,讓你加快速度掌握 CSS 語法的 ...
在平常的搜索中,我碰到過很多有趣的信息,應用程式和文檔,我把它們整理在下麵這個列表。這是收藏的遇到的有用內容的一個偉大的方式,可以在你需要的時候方便查閱。相信你會在這個列表中發現對你很有用的資料。
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 屬性和功能的參考。按字母順序排列,包括鏈接到規範頁面。
(web前端學習交流群:328058344 禁止閑聊,非喜勿進!)
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 編碼準則。您也可以看看別人和你分享與你的團隊或其他合作者創建的自定義指南。