如虎添翼！20個精心挑選、新鮮好用的前端開發工具

轉載贊3 收藏19 評論

舉報 2015-07-15

掃描,分享朋友圈

客戶似乎總是欲求不滿的，要滿足他們的需求你總需要不停地解決各種問題。也正是這樣的客觀現實，使得我們不得不借助各種工具來應對各種挑戰，越來越多的開發者和設計師也加入到創造新工具的行列中來。
今天我們精心挑選了20款新鮮好用的在線工具，讓網頁設計師和前端的工作變得更加輕松。這些工具有使用便捷的Web應用，有功能強大的JavaScript庫，有完備的CSS樣式表，在它們的加持之下，你的Web項目會如虎添翼。

來源 | 優設

1. Spot.IM

Spot.IM 是一款強大的能用于“任何”網站的社交媒體生成器，能讓自己的網站變成內容驅動的社交網站。Spot.IM技術能夠讓網站不在依賴大型的外部社交網絡而構建屬于網站自己的設計媒體，從而將內容從其他社交媒體中解脫出來。

2. ExpandJS

ExpandJS 是一個擁有80+自定義元素和350+ 實用功能的模塊化JS庫，幫你的Web項目快速起步。整個庫是基于Polymer來構建，并且遵循Google的Material Design的設計規范，是lodash 的延伸，并且加入了更多強大的功能。

3. Outline

Outline 是一個簡單的響應式CSS模板，由Matt Harris創建。作為一款移動優先的框架，Outline 擁有目前最好的響應式設計，也是目前最好的核心組件之一。Outline被設計成為一個優秀的工具，可以作為你的Web項目的基礎。

4. Startup Launch List

如果你準備創業的話，Startup Launch List 你絕對不能錯過。這個列表中包含了一系列創業者必讀的文章。這些文章的作者有創業者、設計師、投資者和意見領袖，過來人的經驗都濃縮在這個APP當中。

5. Bounce

Bounce 是一個非常實用的腳本，它可以讓你在自己的網站中無需編寫代碼就可以發布漂亮的Banner，當訪客來訪問網站的時候，這個Banner會根據訪客所在地域、所在的頁面來展示不同的內容。如果用戶裝了反廣告插件，Bounce會詢問用戶是否關閉插件，以支持你的網站的內容。

6. Coverr

Coverr 是兩家創業公司 Veed.me 和 CodersClan 合作倡議之下的產物。由于兩家公司都打算在網站首頁中使用視頻背景，而這又需要優質的視頻和可靠的代碼，于是兩家合作為社區貢獻出這一免費工具，來解決這一問題。Coverr 為你提供了任何你要的視頻（MP4+webm+圖片），并且提供給你必需的代碼，并幫你實現它（HTML+CSS+JS）。網站是會在每周一更西7個新視頻，每個視頻片段在12~15秒。

7. JavaScript.com

JavaScript.com 是不可多得的學習資源，它是一個由Code School 團隊建立的JavaScript 社區，這個社區秉承開源共享的精神，分享知識，其中內容是完全免費的。對于編程新手而言，JavaScript也算是一種強大而易于上手的語言，在這個社區當中，來自世界各地的程序員和開發者搜集整理了大量的內容，方便新手學習。由于JavaScript 的強大擴展性，大量的第三方的工具、庫和框架層出不窮，你在社區當中還能及時獲得相關的更新和新聞。

8. Sitecake

Sitecake 是一款易用的內容管理系統，專門為小型網站而設計，編輯器輕松易用，所見即所得。Sitecake 可以直接讀取、修改和保存普通的HTML文件，無需你懂得PHP或者特定的模板語言，所有的改變會直接保存到HTML文檔中，而圖片則直接調用系統內的文件系統。完成編輯之后，你將擁有一個靜態的網站。

9. Gradify

Gradify 是一個能幫你發現任何圖片中最突出色彩并生成一定梯度的色彩CSS樣式的模塊。

10. Inker

Inker 是一個開源的前端框架和服務，它會改變你對于公司內單對單電子郵件的看法。Inker將你從編寫和發送郵件中解脫出來，讓你的團隊不用再在發郵件的事情上浪費時間，并且可以專注于更加重要的事情。Inker會確保你的郵件代碼干凈，并且發送迅速，其中還內置了免費的模板，讓你更輕松。

11. CamanJS

CamanJS 的名字實際上是取自Canvas Manipulation兩個詞的開頭，這是一個界面簡單易用高效的圖片和畫布編輯工具。值得一提的是，CamanJS的擴展性非常強，它可以輕松地同新的插件和濾鏡兼容，并且這個可兼容的插件數量還在不斷增長。作為一個開源而獨立的庫，CamanJS可以同Node.js以及各種瀏覽器兼容。