Apr 25, 2014

20 個實用的前端開發參考資訊整理

原文連結： 20 Useful Docs and Guides for Front-End Developers

看到上面的文章收集了許多前端開發參考資訊，覺得非常實用，故將重點整理如下：

  1. CSS Vocabulary 可以瞭解 CSS 中的名詞實際對應的部份。
  2. Liquidapsive 介紹 Responsive / Adaptive / Liquid / Static 四種排版方式及其差異，網站本身即為實例。
  3. Superhero.js 這個網站收集非常多有關 JavaScript 的文件、簡報或影片！
  4. HowToCoffeeScript.com 把許多常用的 CoffeeScript 技巧整理成速查表。
  5. The HTML Landscape 介紹 WHATWG / W3C’s HTML5.0 / W3C’s HTML5.1 三種 HTML 規格的差異。
  6. The Elements of HTML 把 2.0 ~ 5.1 各個版本的 HTML 元素整理出來了，非常詳盡！
  7. JavaScript Equality Table 用二維表的形式來呈現 JavaScript 的 == / === / if 是如何比對值。
  8. Web Accessibility Checklist 列出專案如果要達成無障礙所需要注意的項目。
  9. Static Web Apps — A Field Guide 列出了常見的 Web Apps 開發注意事項或解決方案。
  10. Learn regular expressions in about 55 minutes 列出正規表達式學習的重點，並輔以範例供參考。
  11. Open Web CSS Reference 這個網站整理了 CSS 屬性與其進階特色的 W3C 連結。
  12. CSS Values 輸入 CSS 屬性後，可以看到它的屬性值參考、瀏覽器相容性及相關連結。
  13. ES6features 整理了 ECMAScript 6 的特色。
  14. Relevant Spec Links 列出許多有關前端技術的規格連結。
  15. OverAPI.com 幾乎把所有有關網站開發的語言或工具所使用的 API 都整理成速查表了。
  16. JavaScript: The Right Way 整理了所有有關 JavaScript 的開發相關資訊。
  17. The HTML5 JavaScript API Index 整理了 HTML5 在 JavaScript 的所有 API 。
  18. Zeal 類似 Mac 上的 Dash 參考文件整合軟體，是給 Linux / Windows 使用者。
  19. The Ultimate Flexbox Cheat Sheet 整理有關 CSS FlexBox 的教學。
  20. jsCode 可以自訂並產生 JavaScript Coding Guideline 的服務。