Bootstrap, adalah kerangka kerja (framework) CSS yang dibuat oleh Twitter. Bisa dibilang, Bootstrap ini merupakan CSS siap pakai yang akan memudahkan para pengembang web sehingga tidak perlu menulis CSS dari awal. CSS bukanlah hal yang sulit untuk dipelajari. Namun menulis CSS dengan lengkap dan detail juga membutuhkan waktu dan tenaga. Belum lagi soal kompatibilitas peramban (browser).
Saya mencoba mengimplementasikan Bootstrap di laman-laman yang saya buat. Pertama saya coba di laman tunggal aplikasi kalkulator zona detak jantung. Dan sekarang saya juga mencoba menggunakan Bootstrap untuk desain ulang blog ini.
Dengan Bootstrap, saya benar-benar tidak perlu menulis CSS. Tinggal pakai. Tapi saya tetap menuliskan CSS pendek sebagai tambahan untuk beberapa penyesuaian dan kebutuhan khusus. Sebenarnya bisa saja mengubah (customize) CSS Bootstrap, namun saya tidak memilih jalan itu untuk fleksibilitas, misalnya kalau mau memutakhirkan Bootstrap di kemudian hari. Atau, jika ingin menggunakan satu bundel Bootstrap untuk beragam desain laman.
Secara umum tata letak (lay out) blog ini tidak berubah. Hanya menambahkan batang navigasi (navigation bar) dan relokasi beberapa elemen. Saya mencoba untuk tetap membuat tampilannya minimalis dan bersih (clean). Aksen kayu saya tambahkan untuk latar belakang agar terasa lebih hangat dan alami. Pola (pattern) saya ambil dari Subtle Pattern. Bootstrap juga saya perkaya dengan bumbu Font Awesome.
Memang hanya membutuhkan waktu beberapa jam saja untuk membangun desain baru ini. Apalagi perubahannya tidak radikal. Sebenarnya, desain baru ini belum melalui uji komprehensif, tetapi saya sudah tidak sabar untuk menggunakannya. Apalagi desain sebelumnya sudah lebih dari 2 tahun saya gunakan (sejak September 2009). Jadi, mohon dimaklumi kalau menemukan galat (error). Walaupun sudah mengudara dengan desain baru, saat ini perbaikan-perbaikan minor masih dilaksanakan. Malah, tidak tertutup kemungkinan kalau nanti tata letaknya diubah lagi.
Bagaimana pendapat Anda mengenai desain yang baru ini?
