設計和開發者社區發展飛快，以致於我們的步伐很難跟上發生在我們身邊的這一切。這就是為什么我喜歡聚集最新發布的優秀資源和工具，以使我們的工作和生活更輕松。這篇文章也是這樣的，從文本編輯器到幫助你構建網格系統的插件，我敢肯定這些你會發現這些工具非常有用。
您可能感興趣的相關文章
Emmet
Emmet 項目的前身是前端開發人員熟知的 Zen Coding（快速編寫 HTML/CSS 代碼的方案）。和一般的編輯器中使用的“代碼片段”概念不同，Emmet 使用動態的類似 CSS 表達式的語法來生成代碼，這意味着你不需要自己去編輯並創建固定的代碼片段，大大的提高了代碼編寫效率。
Emmet 結合優秀的編輯器使用，可以讓你代碼飛起來！支持的編輯器包括：
- ✓ Sublime Text 2
- ✓ Eclipse/Aptana
- ✓ TextMate 1.x
- ✓ Coda 1.6 and 2.x
- ✓ Espresso
- ✓ Chocolat
- ✓ Komodo Edit/IDE
- ✓ Notepad++
- ✓ PSPad
- ✓ <textarea>
- ✓ CodeMirror2/3
- ✓ Brackets
GuideGuide
GuideGuide 可以幫助你在 Photoshop 中處理網格，該工具是免費的，將幫助您創建准確到像素的列，行，中點和基線。
CodePen
CodePen 就像 Web 前端實驗室，關於創意，技術和共享，也是分享他們的項目，展示自己的技能的地方。
CodeVisually
網絡社區巨大，經常有新的東西誕生，例如新的工具，資源和解決方案等。CodeVisually 收集了最新出爐的開源項目。
Less Framework 4
Less Framework 是一個用於設計自適應網站的 CSS 網格系統，包含4個布局和3套預設的排版。
-prefix-free
-prefix-free 幫助你從 CSS 前綴的地獄中解脫出來，-prefix-free 會幫助你自動添加當前瀏覽器需要的前綴。
Pictaculous
Pictaculous 以一款與眾不同的調色板，會根據你上傳的圖像生成圖像所包含顏色的調色板。
Dash
Dash 是一個 API 文檔瀏覽器和代碼段管理器（適用於Mac），對於需要經常檢索文檔的開發者來說超級有用。
您可能感興趣的相關文章
- 2012年排名前20位的 CSS 網站作品
- 25佳優秀的流體和響應式布局網頁設計
- 2012年最佳 Web 前端開發工具和框架
- 25個國外優秀的電子商務網站設計案例
- 85個很優秀的響應式網頁設計作品范例