原文連結: 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 的服務。