發表於 6小時前|
csdn|
王果bootstrap
前端開發
easel
bootsnipp
bootstrap designer
fancyboot
摘要：bootstrap不單單是乙個框架，更確切的說，它改變了整個遊戲規則。該框架使得許多應用和**的設計開發變得簡便許多，而且它將大量的html框架普及成了產品。
bootstrap是由前twitter設計師mark otto和jacob thornton開發的前端工具包，其提供了優雅的html和css規範。bootstrap不單單是乙個框架，更確切的說，它改變了整個遊戲規則。該框架使得許多應用和**的設計開發變得簡便許多，而且它將大量的html框架普及成了產品。
本文為你帶來15款針對bootstrap框架的開發工具，可以幫助你更輕鬆地使用bootstrap來構建想要的應用。
1.
layoutit
2.
x-editable
x-editable能夠讓你在頁面上建立可編輯的元素，它能夠使用任何引擎，比如bootstrap、jquery-ui、jquery），並且包含彈出式和內聯模式。
3.jetstrap
這是乙個針對bootstrap框架的視覺化製作工具，web開發者、設計師直接在網頁端拖拽各個元件就可以製作出漂亮的網頁。通過jetstrap製作出來的網頁100%符合bootstrap標準，你只要設計了電腦端的頁面，它會自動適配手機端和pad端（響應式設計）。
4.grid displayer
grid displayer是乙個可以顯示twitter bootstrap網格（固定和浮動網格）和foundation（2.0 和3.0版本）的小工具。可以在firefox和基於webkit的瀏覽器中使用。
5.bootply
通過bootply可以非常輕鬆地基於bootstrap來進行設計、開發原型、擴充套件和測試等。bootply可與其他流行的bootstrap外掛程式、微框架和庫進行整合。
6.divshot
7.bootstrap magic
bootstrap magic是一款基於bootstrap和angularjs的主題建立工具，開發者可以輕鬆地建立自己的 twitter bootstrap主題，並可以立即看到內容變化。還可以新增來自google webfont 的很棒的網頁字型。
8.getkickstrap
kickstrap無縫整合了bootstrap和頂級web技術，無需乙個本地後端即可執行乙個已驗證的、資料庫驅動的web應用程式。使用者還可以使用jspm.io提供的強大的、基於require.js構建的前端包依賴管理工具。
9.font awesome
font awesome是一套專為twitter bootstrap設計的圖示字型，幾乎囊括了網頁中可能用到的所有圖示，這些圖示通過web font的方式來顯示，可以被任意縮放、改變顏色，你可以像修改文字樣式那樣來修改圖示樣式。
10.bootstrap button generator
通過bootstrap button generator，你只需輸入你想指定給新按鈕的樣式的css類，並簡單調整圖示的顏色，即可獲得新的圖示。
11.paintstrap
paintstrap允許你使用adobe kuler / colourlovers顏色方案來生成漂亮的twitter bootstrap主題。
12.fancyboot
13.bootstrap designer
14.bootsnipp
bootsnipp是乙個針對web設計師和開發者的前端元素庫，任何使用bootstrap框架的開發者都可以找到所需的web元素。
15.easel
easel是乙個針對bootstrap的基於瀏覽器的設計工具，可以幫助你快速製作出產品原型頁面。easel能夠建立元素，如組合文字框、圖形或**等，並且複製和修改也很容易。同時控制台還配備了一套現成的按鈕、表單和圖示，直接拖拽就能使用。你還可以建立乙個自己的常用小工具庫，這樣使用起來更快捷。
來自：designgeekz
15個最好的jQuery timeline外掛程式
根據這裡列出的jquery timeline jquery時間軸 外掛程式列表，您可以選擇乙個外掛程式新增到您的網頁，來增強您的 的互動性。實際上，當facebook決定將它新增到他們的 設計上，timeline就已經得到了普及。這是乙個最好的方式在某段時間段來顯示某件事件，比如從 的更新到歷史的時...
15個最好的視差滾動教程
視差滾動是 管理員可以依靠的最簡單的方案之一，尤其是他們需要直接影響 更快的訪問速度，和訪客可以享受他們想要的效果。其中可以使用網頁視差外掛程式，現在網上有許多資源提供視差教程，以供有興趣的 所有者學習，也遇到越來越多的訪客驚人的歡迎頁面。有很多種方法建立 以便吸引第一次訪問使用者的注意和興趣。有些...
15 最好的視差滾動技術指南
視差滾動 parallax scrolling 是 管理員可信賴的一種十分簡單的解決方案，尤其是當他對網頁開啟時的即時體驗，網頁載入速度和視覺效果有要求時。因為使用視差外掛程式對網頁有好處，所以現在網路上有許多資源提供視差技術的指南，來為那些有興趣的 擁有者服務，使他們的網頁煥然一新並大受歡迎，從而...