Tutorial Twitter Bootstrap

Top Contributors

membuat website dengan bootstrap v3.0.0

Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk mempermudah pembuatan website dan dengan teknologi responsive tentunya. Versi ini masih belum selesai, namun versi full rilisnya tidak akan jauh dari versi beta yang m...

0
Level: Baby
Est. time: 15 min

Cara Menampilkan Icon dari Bootstrap 3

Dalam membuat website, tentu tidak akan lepas dari icon-icon yang mempercantik info text, tombol dan navigasi. Jika kita membuat icon dari awal atau mengedit dari file image, tentu hal ini sangat memakan waktu banyak. Bootstrap sebagai CSS framework yang sekarang sedang populer, memudahkan para desainer w...

1
Level: Standard
Est. time: 10 min

[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap

Asalamualaikum.. Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit.. Tapi Syukurlah, Karena Bootstrap memberikan banyak kemudahan dalam bisang Web Design diantaranya kemudahan untuk membuat Tab.. Apa itu Tab? Coba lihat bagian atas Browser anda.. Inilah Tab.. ...

7
Level: Newbie
Est. time: 10 min

Perkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya

Glyphicon ini berbasis text jadi lebih ringan dan biasa diganti warna seperti huruf pada umumnya yang berbeda dari icon bawaan Bootsrap 2 yang masih menggunakan ikon dengan basis image(PNG). Baiklah, Kita mulai Tutorial “Cara Simple dan Mudah Menggunakan Glyphicon, Icon Ringan dari Bootstrap 3”..

4
Level: Newbie
Est. time: 10 min

Membuat Aplikasi Chating Sederhana dengan Jquery, Codeigniter dan Bootsrap

Jumpa lagi dengan saya disini yang tetap tampil sederhana. Karena sebelumnya saya menuliskan cara membuat sistem keranjang dan pertemanan yang sederhana. Sekarang juga saya akan tetap sederhana dengan topik artikel ini. Sambil menunggu buka puasa di warung makan sederhana. Saya jadi menuliskan rangkaian k...

5
Level: Advance
Est. time: 60 min

Membuat Simple Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 1]

Episode "Design Sampul" Asalamualaikum, Dalam pembuatan Online Messanger atau Chat ini kita akan melakukanya secara berurutan sesuai dengan konsep CRUD (Creat, Read, Update, Delete).. Tapi dalam tutorial pertama ini kita belum akan  melakukan CRUD karena kita akan memuali degan mendesign...

8
Level: Newbie
Est. time: 20 min

Beralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap

Kenapa beralih dari Input Submit ke Button? Ya, menurut saya button lebih Power Full dari pada Input Submit walaupun secara fungsi sama saja, tapi yang paling saya suka adalah Button dapat disisipi icon atau gambar yang pastinya akan mempercantik design pada website.

1
Level: Newbie
Est. time: 10 min

Kostumisasi Fitur Twitter Bootstrap 3 - Episode Collapse / Accordion

Kemarin saya telah memposting tutorial tentang kostumisasi fitur carousel / slide dari twitter bootstrap 3, kali ini saya akan memberikan tutorial untuk kostumisasi fitur collapse / accourdion twitter bootstrap 3. Saya akan mencoba untuk membuat slideshow dengan disisipi accourdion di dalamnya. bagaimana, tertarik untuk mengikuti tutorial ini? yuk kita coba!.

1
Level: Advance
Est. time: 15 min

Perkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1]

“Font Awesome” adalah kumpulan icon yang telah dibuat sedemikian rupa, dan menggunakan system “Font Icon” yang memungkinkan kita untuk merubah warna dan ukuran font dengan menggunakan CSS tanpa takut Icon menjadi Pecah-pecah dan tantunya lebih ringan daripada Image Icon..

5
Level: Newbie
Est. time: 10 min

Kostumisasi Fitur Twitter Bootstrap 3 - Episode Carousel / Slide

Seperti yang kita ketahui twitter bootstrap menyediakan beberapa fitur javascript dan user tinggal menggunakannya, akan tetapi fitur-fitur tersebut masih monoton (menurut saya). Agar tidak terlihat monoton kita bisa meng-customize fitur-fitur twitter bootstrap sesuka kita sesuai dengan selera. Tutorial kali ini saya akan mencoba meng-customize salah satu fitur javascript dari twitter bootstrap, fitur tersebut ialah Carousel atau bisa disebut Slide.

0
Level: Standard
Est. time: 20 min