設計師開發者看過來 35款新工具

　　文章來源於webdesignerdepot.com，為Web設計師和開發者總結了2013年7月新出的35款工具，例如Froont、jQuery CollagePlus、Thincons；內容包括響應設計工具和框架、圖示設計、電商解決方案等等。

　　當你在開發或設計Web時，找到適宜的工具絕對能幫助你節省大量的時間和精力。接下來的這些資源或是免費的，或是很便宜的，但可以保證的是：物超所值，對設計人員和開發人員來說是絕對的有用。

　　1. Froont

　　通過Froont，只需要使用一個簡單的拖放介面，你就可以在你的瀏覽器裡隨意設計。設計完之後，你所看到的網站效果就如同訪客看到的一樣。

　　2. jQuery CollagePlus

　　此為jQuery外掛，用於將圖片準確的排列固定到容器裡。還可以在圖片之間進行填充，調整目標行高和CSS邊框，除此之外，這個外掛還有很多其它功能。

　　3. Thincons

　　Thincons是一個售價僅為$7的圖示組，其設計靈感來源於iOS7。其中共包含77個圖示，如果你不想購買所有的圖示，那麼你可以用Tweet作為交換條件來換取其中一個你想要的抽樣。

　　4. gridr buildrrr

　　這是一個便捷實用的網格建立工具，配備充足的選項。能夠指定列數、列寬、邊距和任何一個你想要新增的拖拽盒，同時它還可以做很多其它事情。

　　5. Tabulous.js

　　Tabulous.js是一個jQuery標籤模組，提供可轉換選擇，包括縮放、滑動等等。使用起來既高效又便捷。

　　6. Opa Framework for JavaScript

　　Opa Framework for JavaScript使得在用一模組裡用同一種語言編寫前端和後端程式碼變得極為簡便。同時能和所有標準的JS類庫完全相容，包括資料庫自動化，還能在其他功能裡原生支援HTML5。

　　7. Golden Ratio Typography Calculator

　　這個黃金比例排版計算器是一個簡單的簡單工具，可以創造出更好版式。只需要輸入字型大小和內容寬度，還有一個可選擇的CPL（字元/行），作完之後你還能獲得許多排版上的建議。

　　8. Gumroad

　　Gumroad可以幫你線上出售任何電子產品或實物產品。只需上傳你的文件，讓銷售頁面的佈局看上去更有特色，接下來就可以賣東西了。Gumroad能幫你解決付款程式，而且每筆交易的手續費僅為5%。

　　9. Notism

　　Notism以快速、簡便、高效的方式幫助團隊處理視覺化事務。它含有繪製草圖和進行評論的工具，允許使用者建立互動式技術原型，並且還具有專案管理的功能。

　　10. Style Guide Boilerplate

　　Style Guide Boilerplate是面向那些在不同專案當中經常使用框架的開發人員和設計人員——他們想要轉動自己的框架以便能夠處理常見的元件。

　　11. AOL Reader

　　想要一個工具來替代Google Reader嗎？選擇AOL Reader吧。你可以用你的AOL、Facebook，Google或者Twitter賬號註冊，併傳送使用beta版本的請求。這款App的設計佈局是多樣性的，同時具有匯入標準OPML格式的RSS訂閱功能。

　　12. Webfonts Corner

　　Webfonts Corner是一個Web網站上正在使用的Web字型展示窗。如果你想尋找排版上的靈感，那麼Webfonts Corner將是一個能給你帶來奇妙感覺的最好去處。

　　13. Square Market

　　Square Market是Square裡一個新的電子商務解決方案。這並不會花費很多成本，而且提供的店面都是新潮的、經典的。

　　14. Gridism

　　Gridism是一個回應式的網格系統，用起來簡單方便。它在移動裝置螢幕上堆疊網格單元，縮放範圍可以達到978或1140畫素（任你選）。

　　15. iOS 7 GUI PSD

　　iOS 7 GUI PSD是由加拿大多倫多設計公司Teehan+Lax設計的，它包括iOS 7 beta1版本里也有的GUI元素。這個PSD結構清晰、有標籤、多層次，帶有可編輯的形狀圖層，適用於實體模型App。

　　16. Automaton

　　Automaton是一個用JavaScript語言編寫的任務自動化工具。只需要建立一個描述了你想要做什麼的自動化檔案即可，甚至可以讓一個自動化檔案使用另一個自動化檔案來完成更復雜的任務。

　　17. File-type icon set

　　想設計一個Web App嗎？這個來自Teambox開源免費的File-type icon set可能是你的首選。包括符合各種不同檔案型別的圖示——例如TXT，RTF，WAV，MP3，XLS，CSS，HTML，　　DOC，PDF，AVI，SQL等等。

　　18. Later.js

　　Later.js可以讓你定義複雜的時間表並能快速計算未來或過去的日程事件，它執行在客戶端上或者使用Node.js伺服器。

　　19. Clipping Magic

　　Clipping Magic讓刪除圖片背景變得更加容易，只需標記出圖片的前臺和後臺即可，Clipping Magic的演算法會處理其餘部分。

　　20. The Secret Handshake

　　The Secret Handshake的受眾是還處在初級階段的年輕設計人員，同時也是幫助他們找到如何進入這個行業的教學資源，這其中包含簡歷部分，應用程式和組合建立部分。

　　21. Macaw

　　Macaw可以賦予圖形編輯器靈活性，能夠編寫語義HTML和簡潔的CSS，所以你只需繪畫出程式碼，而不是編寫程式碼。目前它還不可以使用，只要你註冊報名，一旦可以使用就會通知你。

　　22. Topcoat

　　Topcoat是一個用來構建乾淨快速Web App的CSS框架。內含大量的實用部件，可以設定主題，還帶有一個包含程式碼庫中所有元件的PSD。

　　23. AlloyUI

　　AlloyUI是一個在YUI3和Bootstrap基礎上建立的框架，用於建立高延展性的Web App。它完全文件化而且有初學教程。

　　24. Tactile Design Kit

　　這個Tactile Design Kit能夠增進你和客戶之間的交流，可以一起商討如何通過提供一個互動的、實際的頭腦風暴工具來設計他們的網站。Tactile Design Kit可以以PDF，EPS或AI型別下載。

　　25. DevDocs

　　DevDocs是一個API文件閱讀器，帶有穩定有序的介面。你可以用它來瀏覽HTML、CSS、DOM、JavaScript和jQuery之類的文件。

　　26. Core Circus （$84）

　　Core Circus是一個分層式八個2D字型組合，可以合併為3D效果。

　　27. Shelley (free)

　　Shelley是一個免費的用於裝飾新穎字型且讓人懷舊的復古招牌。

　　28. Anarchy (free)

　　Anarchy是一個現狀令人堪憂的顯示字型，免費提供給個人使用。一個商業許可證只需$15。

　　29. Monstrinhos ($12)

　　Monstrinhos是一個用於裝飾的標誌字型，能夠完全給怪物角色和相關圖片進行化妝。這個很有趣很古怪的字型能給你帶來很多意想不到的可能性。

　　30. Haext (free)

　　Haext是一個看上去粗糙的、新哥特式、受新藝術運動啟發的字型，在符文和工匠藝術方面具有一定的影響力。

　　31. High Tide (free)

　　High Tide是一個幾何顯示字型，帶有一種非常時髦的，獨一無二的視覺享受。

　　32. Klinic Slab (買方自主定價)

　　Klinic Slab是一個有粗截線的西文字型，有四個重量（每一個都有斜體）。這個字型很實用，同時還能顯示出你特立獨行的性格。

　　33. Cellos Script (free)

　　Cellos Script是一個正式的指令碼字型，免費提供給個人使用。一個商業許可證只需$59。

　　34. Alianza ($133)

　　Alianza是一個比較複雜的排版系統，包括三種互補型別：板塊，指令碼和斜體，每一個都有九個重量。其中還包括三套裝飾字型。

　　35. Quirky Nots (free)

　　Quirky Nots是一個免費的手繪顯示字型工具，雖然畫工不怎麼樣，但可以給你一種異想天開的感覺。

　　英文來源：Webdesignerdepot