Kategori Random

Mengenal lebih jauh twitter bootstrap

Posted : 29 Januari 2015 | 12:15:19 , Dibaca 4463 kali

Apakah anda pernah mendengar Bootstrap? baik kali ini saya akan membahas kurang lebih sedikit dari banyak penjelasan tentang twitter bootstrap. Bagi web desain yang mengikuti perkembangan dunia program tentunya bootstap sudah pasti femiliar dan menjadi salah satu senjata dalam pengembangan web desainnya.

Apa itu Bootstrap

Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website (Wikipedia). Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.

Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.

Dengan kata lain twitter bootstrap bisa juga kita sebut framework untuk css.

Sejarah Twitter Bootstrap

Awalnya dibuat oleh seorang desainer dan pengembang di Twitter, Bootstrap telah menjadi salah satu front-end framework yang paling populer dan merupakan proyek open source di dunia. Bootstrap diciptakan di Twitter pada pertengahan 2010 oleh @mdo dan @fat. Sebelum menjadi kerangka kerja open-source, Bootstrap dikenal sebagai Twitter Blueprint. Mendistribusikan lebih dari 350 juta tweet per hari, Twitter berkembang dari sekedar suatu layanan pesan yang biasa.

Platform ini awalnya dikembangkan pada ajang Hackweek, sebuah perhelatan developer yang diadakan Twitter. Standarisasi platform tersebut sudah disempurnakan sejak saat itu. Selama bertahun-tahun seiring dengan kemampuannya dalam hal analisa data real time, perusahaan tersebut juga telah mencapai pengalaman yang luar biasa dalam hal perancangan web. Pengalaman tersebut kini telah dikumpulkan dalam suatu pengembangan antar muka yang dikonsolidasikan dan dipublikasikan dalam bentuk Bootstrap.

Bootstrap digambarkan sebagai CSS sederhana namun dibangun dengan pre-processor yang menyediakan lebih banyak daya dan fleksibilitas ketimbang CSS standar. Awalnya dirilis pada Jumat, 19 Agustus, 2011, dan sudah memiliki lebih dari 20 produk release termasuk yang terbesar adalah versi -2 dan versi-3. Hadirnya Bootstrap 2, maka fungsionalitas responsif terhadap seluruh kerangka sebagai stylesheet opsional telah di tambahkan dan pada Bootstrap 3, maka responsif secara default telah ditambahkan untuk pendekatan pertamanya terhadap ponsel.

Kelebihan atau keunggulan Bootstrap

  • Waktu pembuatan yang lebih cepat : Karena elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah dibuatkan class-nya oleh Bootstrap ini, jadi kita tinggal memanggilnya dalam theme.
  • Template yang menggunakan Bootstrap lebih rapi : Mungkin ini akan sedikit relatif, karena kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namun pada dasarnya, karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan code yang sudah ada lebih dulu.
  • Template yang menggunakan Bootstrap lebih ringan.
  • Responsive dan tidak responsive : Ya, dengan sedikit modifikasi template, kita bisa memilih antara mengaktifkan sifat ‘responsive’ dan tidak ‘responsive’.
  • Banyak template bootstrap gratis
  • Twitter Bootstrap juga memiliki code yang cukup mudah dipelajari.

Kekurangan atau kelemahan bootstrap

Salah satu kemampuan bootstrap adalah minim gambar karena memanfaatkan CSS3, disaat itu adalah keunggulan css3 namun disisi itu pula kekurangan dari bootstrap, CSS3 yang dikembangkan twitter dan yang lain.

Jika ada berminat langsung aja kunjungi laman twitter bootstrap yaitu http://getbootstrap.com saya yakin anda berminat mempelajarinya, website ini juga menggunakan template bootstrap dan sedikit modifikasi di css nya. Anda bisa mendownload code source di menu download

Struktur awal bootstrap

Setelah kita download kita extract file zip nya maka kita akan mendapat struktur file download boostrap seperti berikut :

Demikian sedikit ulasan tentang framework css twitter bootstrap semoga bermanfaat. Kujungi terus laman ini untuk artikel-artikel tentang twitter bootstrap lainnya.

Terimakasih :D

Sumber : Berbagai

Postingan Terkait
» Modal Bootstrap tahap III: Membawa kode unik ke modal ( 05 Apr 2017 | 06:24:03 , 214 hits )
» Modal Bootstrap tahap II : Membawa kode unik ke modal ( 04 Apr 2017 | 07:34:44 , 185 hits )
» Membuat Template Bootstrap dengan Cepat dan Gampang ( 12 Feb 2016 | 09:00:29 , 4503 hits )
» Trik Zoom Image View pada postingan dengan CSS ( 23 Sep 2015 | 07:05:18 , 2060 hits )
» Membuat Modal Bootstrap PHP ( 19 Mar 2015 | 03:00:11 , 13059 hits )