Blog Post

Koleksi Terbaik Plugin jQuery untuk Mengoptimalkan Bootstrap

26

FEB 2014

Koleksi Terbaik Plugin jQuery untuk Mengoptimalkan Bootstrap

Sidik Hanrei | jQuery , jQuery Plugins , Bootstrap , Design , Framework

Sebagai salah satu Frameworkterbaik untuk dapat membuat website dengan singkat, banyak para developers yang mengembangkanjQuery Plugin untuk lebih membuat Twitter Bootstrap semakin powerful.

Twitter Bootstrap adalah Framework yang dapat kita gunakan untuk membuat website responsive dengan teknologi terbaru yang terbukti cepat dan efektif dalam membuat website responsive.


Baca Selengkapnya : Cara Mudah Membuat Website dengan Bootstrap

Sudah banyak artikel yang saya tulis tentang alasan kenapa harus membuat website yang responsive. Jika Anda ingin mengetahui alasan-alasan tersebut, silahkan klik link dibawah ini :

Artikel-artikel tersebut banyak membongkar rahasia dan alasan kenapa kita harus membuat website yang responsive yang salah satunya adalah arah pengembangan website di masa mendatang.

Pada kesempatan kali ini, saya akan coba membagikan beberapa plugin jQuery yang dapat Anda gunakan untuk memaksimalkan pengembangan website Anda menggunakan Framework Twitter Bootstrap tersebut. Adapun koleksi tersebut adalah sebagai berikut :


Tablecloth.js

Tablecloth.js adalah sebuah plugin yang dapat Anda gunakan untuk mempercantik tampilan table pada Twitter Bootstrap dengan penggunaan yang cukup sederhana. Plugin ini sangat cocok bagi Anda yang ingin mempercantik warna tabel di Framework terbaik ini.

Plugin untuk Mempercantik Tampilan Table Bootstrap


Ladda UI

Salah satu plugin terbaik pilihan saya adalah Ladda UI yang mampu mengkombinasikan indikator loading yang berfungsi ketika kita melakukan sebuah action pada object.

Loading Ketika klik Bootstrap Button


Bootstrap Dropdowns Style

Salah satu plugin yang banyak di favoritkan oleh para developer adalah Dropdown yang sangat interaktif pada Twitter Bootstrap. Tetapi jika Anda ingin membuat Dropdown default pada bootstrap lebih elegan dan stylish, Anda dapat menggunakan Plugins ini.

Mempercantik Dropdown Bootstrap dengan Dropdown Style


Selectboxit

Plugin ini dapat Anda gunakan untuk mempercantik "<select>" yang hingga saat ini masih kaku dalam Boostrap. Selectboxit membuat <select> menjadi lebih stylish dengan cara penggunaan yang sederhana.

Membuat select lebih menarik pada Bootstrap


Bootstrap-Select

Hampir sama dengan Selectboxit di atas, tetapi Bootstrap-Select dapat membuat tampilan <select> lebih colorful sehingga terlihat lebih menarik.

Mempercantik Select pada Bootstrap dengan Bootstrap-Select


Strap Slide

Strap Slide adalah salah satu plugin yang digunakan Bootstrap untuk memaksimalkan penampilan images, video, kode html atau bahkan caption dengan cara yang sederhana tapi terlihat moderen dengan transisi Fancy 3D. Dan hal yang terpenting adalah plugin ini mendukung web responsive.

Responsive Slider yang juga mendukung Fitur Touch


Bootstrap Arrows Rotation

Seperti yang terlihat pada gambar berikut ini, Anda dapat membuat Arrow pada Bootstrap lebih elegan dengan warna dan rotasi yang dapat digunakan pada plugin ini.

Membuat Arrow lebih menarik pada Twitter Bootstrap


Pines Notify

Membuat Notify pada Bootstrap


Bootstrap-WYSIWYG

Pembuatan Website dengan Bootstrap dapat Anda maksimalkan dengan penggunaan Rich Editor, dan plugin yang dapat Anda gunakan untuk melakukan hal tersebut adalah menggunakan plugin ini.

Rich Editor menggunakan Bootstrap WYSIWYG


Bootstrap Datepicker Plugin

Bootstrap Datepicker buatan Eyecon


Bootstrap Colorpicker

Implementasi color-picker pada Bootstrap


Magic Suggest

Membuat Auto-complete atau Auto-suggest pada Bootstrap dapat menggunakan plugin ini sehingga pengisian kolom pada form akan lebih interaktif.

Autocomplete pada Twitter Bootstrap


BootBox

Bootbox.js adalah sebuah JavaScript Library yang dapat gunakan untuk membuat dialog box menggunakan Twitter Bootstrap Modal.

Plugin jQuery Bootbox.js untuk Twitter Bootstrap


Itulah beberapa plugin yang dapat Anda gunakan untuk membuat website Anda lebih interaktif dengan Plugin jQuery yang dirancang khusus untuk memaksimalkan Bootstrap.