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

oschina發表於2014-06-09

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

  Bootstrap 可以算是使用HTML5和CSS3的最快捷的工具了,它簡化了開發過程,節省了開發者的時間,併產生了不錯的結果——漂亮的客戶端頁面,滿意的訪問者以及滿意的你。

  這個平臺有很多非常有用的工具,它們都有非常棒的功能。前一些天,我們為開發者分享了一些最好的bootstrap框架,今天,我們蒐集了一些網際網路上最好的bootstrap的工具分享給大家。

  1) Easel

easel

  2) Layoutit

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

Best bootstrap tools for web designers-layoutit

  3) Jetstrap

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

Best bootstrap tools for web designers-jetstrap

  4) Get kickstrap

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

Best bootstrap tools for web designers-getkickstrap

  5) Flatstrap

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

Best bootstrap tools for web designers-flatstrap

  6) Bootstrap Designer

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

Best bootstrap tools for web designers-bootstrapdesigner

  7) Bootply

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

Best bootstrap tools for web designers-bootply

  8) Bootstrap Magic

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

Best bootstrap tools for web designers-bootstrap-magic

  9) Font Awesome

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

Best bootstrap tools for web designers-font-bootstrap

  10) Webflow

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

Best bootstrap tools for web designers-webflow

  11) fBoot Strapp

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

fbootstrap

  12) x-Editable

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

editable

  原文地址:http://designzum.com/2014/06/06/12-best-bootstrap-tools-for-web-designers/

相關文章