Những Plugin cực tốt cho Bootstrap – Part 1

Mình sẽ giới thiệu cho các bạn những plugin cực kỳ hữu ích cho Bootstrap trong quá trình phát triển web. Tuỳ theo nhu cầu sử dụng mà chúng ta sẽ sử dụng các plugin này 1 cách hữu hiệu nhất

plugin-bootstrap

Trang tổng hợp từ A-Z các plugin hiện đang có cho Bootstrap

http://bootsnipp.com/

all

Jasny – Đổi mới Navbar theo phong cách hiện đại hơn

Trang Jasny này cung cấp cho chúng ta 1 số thay đổi so với mặc định  của Bootstrap, theo mình thì nhìn cũng hay hơn mặc định, nhưng cũng tuỳ theo trường hợp mà dùng. Ở đây là Navbar sẽ được chuyển sang bên trái, thay vì mặc định click navbar sẽ bung xuống thì bây giờ là bung từ trái sang phải với phong cách nhìn ok hơn.

Ngoài ra còn có:

  • Custom cho Button với icon label
  • Alert với chế độ fixed (trượt theo màn hình)
  • Định dạng Input text theo format (ví dụ như format số điện thoại…)
  • Input chọn / upload hình với chế độ xem trước ảnh đã chọn (cũng hay)

jasny

Fuel UX – Nhiều bổ sung mới hấp dẫn cho Bootstrap

Tại trang Fuel UX này, các bạn sẽ tìm thấy các thành phần bổ sung khác rất hấp dẫn cho Bootstrap như:

  • Thay đổi phong cách khi click Checkbox – Combobox – Radio…nhìn đẹp hơn
  • Loader (cái xoay xoay khi loading gì đấy trong trang)
  • Datepicker (thay vì sử dụng style mặc định thì style mới này cho Bootstrap nhìn cũng khá ok)
  • Pillbox: add tag theo phong cách của facebook (nói chơi thế thôi chứ thêm tag bằng dấu phẩy như youtube, wordpress, facebook…)
  • Datatable: Thao tác với table như sort – search – filter…
  • Cây thư mục: thể hiện danh sách theo phong cách cây thư mục
  • Trình tiến trình: giống như 1 trình tiến trình các bước cần phải thực hiện, khá hay cho các site step by step

fuel-ux

Bootstrap Gallery Ảnh

Trang này cung cấp plugin gallery ảnh khá là cool cho Bootstrap, nên thử để thấy sự cool của nó, nhẹ và đẹp

bootstrap-gallery

 Bootstrap Growl – Alert theo kiểu thông báo nofitication của Facebook

Bootstrap Growl cho chúng ta hiện các alert của Bootstrap kiểu mới nhìn hay hơn, thông báo giống như Facebook

Ngoài ra còn trang này nữa http://goodybag.github.io/bootstrap-notify/

(Cái này có demo bên trong link, trang này mình lười chụp ảnh demo quá :D )

Bootstrap Tags – phong cách tag mới

http://maxwells.github.io/bootstrap-tags.html

tag

Max-length – Giới hạn ký tự được cho phép nhập

http://mimo84.github.io/bootstrap-maxlength/

maxlength

Select2 – Chosen – Thay đổi Select box theo đa cách hơn

https://select2.github.io/examples.html hoặc trang này cũng ok http://harvesthq.github.io/chosen/

select2

Auto-complete

http://twitter.github.io/typeahead.js/   hoặc https://www.devbridge.com/sourcery/components/jquery-autocomplete/

autocomplete

SummerNote – trình soạn thảo cho Bootstrap cực cool

Dễ sử dụng – tiện lợi – nhẹ nhàng

summernote.org

summernote

Còn tiếp, mình sẽ cập nhật tiếp, còn nhiều lắm các bạn ạ ;)