Sebelumnya, membuat themes buat WordPress blog buatku adalah pekerjaan yang membuat kepala serasa pecah. Bagaimana mengatur CSS, bagaimana menempatkan layout yang pas dan nyaman di jelajahi oleh mata dan layout itu bisa diterima disemua browser. Tapi sekarang tidak lagi atau minimal tidak terlalu memusingkan lagi setelah perkenalanku dengan Blueprint CSS Framework, beberapa minggu lalu. Selalu ketinggalan jaman!
Blueprint CSS Framework, untuk selanjutnya kita sebuat BP saja, adalah sebuah framework atau kerangka kerja yang memudahkan kita dalam memaksimalkan penggunaan CSS dalam desain sebuah halaman web. Halaman web ini termasuk didalamnya web statis maupun dinamis semacam themes WordPress. Kebutuhan dasar yang diperlukan oleh seorang web desainer terpenuhi dan tinggal dimanfaatkan sesuai kebutuhan.
Fitur yang sangat membantu antara lain adalah adanya sebuah Grid system, reset CSS yang membantu mengamankan desain terhadap beragam perilaku browser dan basic typography yang ekselen. Selain itu, juga dilengkapi dengan berbagai alternatif CSS untuk berbagai media, misalnya print.
Prinsip utama dalam framework ini adalah mengaplikasikan sistem grid. Masing-masing selektor dirancang saling melengkapi satu sama lain dengan kombinasi tertentu yang bisa kita pilih dan pergunakan sesuai kebutuhan kolom atau desain yang di inginkan.
Jika sebelumnya kita suka dipusingkan dengan bagaimana merancang CSS untuk sebuah desain yang sudah dikerjakan dengan sebuah program desain, kini situasinya bisa dikatakan terbalik. Layout bisa kita kerjakan terlebih dulu lalu kemudian disain halamannya kita buat dan pemotongannya (slice), menyesuaikan dengan kebutuhan yang ada.
Demikian juga ketika kita ingin membuat sebuah themes WordPress. Layout dummy kita buat terlebih dulu sampai pas dengan selera kita, lalu integrasinya dengan code php menjadi lebih mudah, tanpa banyak kekuatiran akan saling tabrak atau ada kolom yang nge-drop.
Themes yang sedang aktif sebagai default themes di coratcoret sekarang ini adalah salah satu aplikasi dari BP.
Sebenarnya, framework sejenis BP ini cukup banyak. Salah satu yang cukup populer adalah 960 grid system. Hanya saja, belum sempet nyoba, jadi belum bisa banyak komentar. Mungkin prinsipnya sama hanya pendekatan developernya yang beda.
Informasi lengkap tentang BP, bisa di temui di http://blueprintcss.org/ sementara 960 grid system bisa di simak di http://960.gs/.
Untuk mencoba bermain-main dengan BP, aku coba instal sebuah halaman preview untuk menunjukkan berbagai variasi aplikasi BP. Silakan di kunjungi di http://coratcoret.com/blueprint/ dan untuk generatornya silakan tengok http://coratcoret.com/blueprint-generator/.