12 個 Web 設計師必備的 Bootstrap 工具

edithfang發表於2014-06-11

Bootstrap是一個非常棒的前端網站開發平臺,它提供了大量的開發高體驗的、高效的網站所需要的元件。這給網站開發人員與網站設計師提供了很好的便捷性,他們能很快很便捷在這一平臺上找到開發所需的所有元件。Bootstrap打破了原有的世界記錄,並且在Github的所有專案中排名第一。Bootstrap相容所有新的瀏覽器,同時向下相容IE7.平臺能快速響應,就是說,網站的設計與重新縮放是根據終端的使用者裝置(手機、臺式電腦--程式碼本身會做出相應的調整)、在什麼時候被訪問。Bootstrap使用html5與css3技術,這可以幫助你加快web app的開發。

1) Easel

2) Layoutit

Layoutit 是一個無需精通Javascript,HTML5,CSS3就可以用來幫助你更容易地編寫前端程式碼的非常實用的工具.

3) Jetstrap

Jetstrap 是另外一個很美妙的面向web開發者,設計師的,針對twitter bootstrap的基於web的介面構建工具. 不多的工作和檢視文件,Jetstrap 就可以幫助你建立並執行一個超讚的站點.

4) Get kickstrap

Kickstrap將Bootstrap 和最新的web技術無縫的結合在了一起。它非常的高階,表現為它可以執行一個有驗證的,資料庫驅動的web程式,而不需要本地的後端程式。Kickstrap和JSPM.io合作,為我們提供了一個基於Require.js的強大的管理前端依賴的工具。

5) Flatstrap

Flatstrap 是一個開放的平臺可以用來開發一個高效的,富有創造力的網站。

6) Bootstrap Designer

Bootstrap Designer 是一個線上的設計工具,可以生成基於Bootstrap框架的漂亮的HTML5模板。可以使用Bootstrap Designer 來建立各種各樣的設計風格:極簡風格,黑白風格,另類風格,排版驅動的風格,單色風格,簡潔並富有創意的,等等。

7) Bootply

Bootply 是一個專為設計者和開發者設計的完全的HTML, CSS和JavaScript的bootstrap編輯器和構建器。

8) Bootstrap Magic

通過使用這個bootstrap magic框架,開發者可以建立自己的清新的bootstrap主題。

9) Font Awesome

Font Awesome 為你提供了一個可擴充套件的向量圖示,可以實時的對大小,顏色,陰影,以及其他一些可以通過CSS設定的屬性進行自定義。

10) Webflow

Webflow 是一個不用任何程式碼,僅通過拖拽就可以設計出自定義的,專業網站的構建工具。Webflow 會根據你的設計自動的生成漂亮的程式碼。你不需要親自寫程式碼,更不用僱傭一個開發者來為你做這些。

11) fBoot Strapp

Fbootstrapp 是一個用來快速開發facebook風格應用程式的開發包。它包括一些為排版,表單,按鈕,表格,網格,導航以及其他元件的基本的CSS和HTML,輔以facebook經典的外觀和感覺。

12) x-Editable

該庫允許你在你的頁面上建立可以編輯的元素。它可以和任何引擎一塊兒使用(包括bootstrap, jquery-ui, jquery),幷包括了popup和inline模式。

本文轉載自:OSCHINA

評論(1)

相關文章