Bootstrap相關專案推薦

jeanron100發表於2018-03-28
Bootstrap相關專案推薦

Bootstrap這些年火得如日中天,去招聘網站一搜,非常的多,前端已經不是傳統意義上的前端技術了,而是大前端技術,原來的DW這些工具也走到了歷史的盡頭。現在的前端頁面都是輕量級,很多都手寫了。

所以前端,後端技術現在變化很多,需求很多,留給中間的部分的空間也越來越少。

看看Bootstrap在GitHub上的star非常的多,這一數字甚至超過了最流行的深度學習框架TensorFlow.

Bootstrap相關專案推薦

當然通過star來完全判斷一個專案的情況是不嚴謹的,但是通過star還是能夠一窺它的流行度和認可程度。

Bootstrap相關專案推薦

因為這個star比朋友圈的點贊之前,這個star是可以追溯的。

我用了一些相關的技術,有些還在規劃中,簡單理一個單子出來。我寫成網址,感興趣的看一下。手機端體驗還是很難的,最好臺式電腦上吧。

編碼規範

http://codeguide.bootcss.com/

這個還是需要先看看的。

表單構建器

http://www.bootcss.com/p/bootstrap-form-builder/

這個是動態配置的,效果還不錯。設計理念還是很讚的。

字型設計器

http://www.bootcss.com/p/font-awesome/

調色盤

http://www.bootcss.com/p/websafecolors/

設計了很多的顏色和色調的分佈,選擇的時候能夠優雅一些。

基於Bootstrap樣式的 jQuery UI 控制元件

http://www.bootcss.com/p/jquery-ui-bootstrap/#download-bootstrap

這個樣式庫很全,重點關注。

非常酷的彈框元件

http://www.bootcss.com/p/messenger/

這個就跟outlook的彈出訊息的提示差不多,可以根據需要來定製。

是一個簡單、物件導向、為設計者和開發者準備的圖表繪製工具庫

http://www.bootcss.com/p/chart.js/

目前在看的是Echarts和這一款,都還不錯。

增強核取方塊和單選按鈕

http://www.bootcss.com/p/icheck/

這個是幾乎大家都會推薦的icheck元件,效果還不錯。

Bootstrap 開關(switch)控制元件

http://www.bootcss.com/p/bootstrap-switch/

這個是滑動開關,在有些場景下很實用。

核取方塊

http://davidstutz.de/bootstrap-multiselect/

核取方塊的選項超出了想象,組合非常多,可以選擇性使用。

進度條:

http://www.minddust.com/project/bootstrap-progressbar/demo/bootstrap-3-3-4/

進度條的選項也非常多,可以根據需求定製。

分頁管理器

http://esimakin.github.io/twbs-pagination/

這個還需要進一步驗證,目前來看效果還不錯。有些元件自帶了分業管理器。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/23718752/viewspace-2152348/,如需轉載,請註明出處,否則將追究法律責任。

相關文章