Web前端學習筆記分享（一）

Web前端學習筆記分享（一）

最近因為工作原因需要補充前端知識，報名了優達學城的前端工程師課程。邊學邊記錄邊分享。本次分享的主要匯總了部分課程中推薦的好用資源和鏈接，未來將不斷擴充：

MDN：HTML 元素參考

W3School: HTML <input> 標籤的 type 屬性

專業用於文本編輯器的工具：開源atom

在線檢驗html語言語法問題的網站：Markup Validation Service

在線檢驗html語言語法問題的網站： http://jigsaw.w3.org/css-validator/#validate_by_input

CSS的陰影代碼生成：Box Shadow CSS Generator

CSS滑鼠指針樣式：cursor | CSS-Tricks

CSS圖片變代碼：CSS3 Patterns Gallery

使用占點陣圖片：http://placekitten.com/200/300

各類字體（中文）： CSS,font-family,好看常用的中文字體 - 我可以ni

各類字體（英文）：http://www.google.com/fonts

保證所有瀏覽器的相同體驗：需要使用到 normalize.css

Bootstrap: Bootstrap · The worlds most popular mobile-first and responsive front-end framework. （中文網址：全局 CSS 樣式 · Bootstrap v3 中文文檔）

最新jquery下載網頁：Download jQuery | jQuery

（響應式設計）雲端的跨瀏覽器模擬：Cross Browser Testing Tool. 1000+ Browsers, Mobile, Real IE.

壓縮、批處理圖片的開源工具：（自動化過程）- grunk, ImageOptim, ImageMagick, 優達學城的鏈接：Udacity

谷歌的網頁優化檢查分析工具：Pagespeed Insights，可以像插件運行，也提供API集成到工作流中

使用字元來替代圖片。Unicode? character table

使用圖標字體來代替圖片。Zocial We Love Icon Fonts Icon Fonts are Awesome

驚艷的動態SVG：Egg Lamp

閱讀網頁（無障礙閱讀）：http://www.chromevox.com/

支持picture元素的js: Picturefill
推薦閱讀：