CSS Framework

Tutorial CSS Framework

Ketika berbicara tentang CSS Framework, mungkin akan menimbulkan beberapa pro dan kontra dari segi penggunaannya menurut para web desainer dan developer. Ada yang mengatakan CSS framework akan mempercepat pekerjaan, ada juga yang mengakatakan CSS framework hanya akan menambah pekerjaan. Oleh karena itu dalam artikel ini kita akan membahas tentang konsep dasar dan beberapa contoh CSS framework.
Pengertian dasar dari Framework itu sendiri adalah; sebuah konsep yang memiliki struktur serta terorganisir dalam satu paket atau library. Dengan konsep ini, diharapkan agar desainer dan developer lebih fokus pada projek yang sedang dikerjakannya tanpa harus memulainya dari awal.
Sebelum kita mempergunakan CSS Framework ada baiknya apabila kita mengetahui kelebihan dan kekurangannya terlebih dahulu. Dan apabila misalnya kita baru saja mengenal atau mempelajari CSS, lebih baik tidak perlu menggunkan CSS Framework. Kenapa? Karena CSS Framework adalah kumpulan sintak dari bahasa CSS yang telah diorganisir secara tersusun. Sehingga dibutuhkan pemahaman bahasa CSS agar dapat mengetahui fungsi dari framework tersebut.
Keuntungan Menggunakan CSS Framework
1. Lebih cepat
Membuat sebuah website membutuhkan waktu yang tidak sebentar. Tapi dengan menggunakan Framework kita tidak harus memulai semuanya dari awal untuk setiap projek.
2. Tableless
Tableless ini adalah sebuah teknik dimana struktur website tidak menggunakan table untuk melayout, melainkan dengan cara memisahkan data antara html dan css. Hal ini dilakukan agar lebih mudah dimaintenance dan diakses oleh berbagai media aplikasi, berkurangnya kebutuhan bandwidth, dan yang lebih utama adalah lebih SEO friendly.
3. Cross-browser compatibility
Cross-browser compatibility ini memiliki pengertian bahwa website dapat diakses oleh berbagai browser.
4. Team Work menjadi lebih komunikatif
Setiap desain dan developer memiliki teknik atau cara yang berbeda-beda. Dengan framwork ini maka kesalahpahaman atau miskomunikasi antar team dapat diminimalisir.
5. Lebih sedikit kesalahan
Membuat sebuah website yang besar membutuhkan pengorganisiran kode yang baik dan jelas. Dengan framework, setiap kesalahan akan lebih sedikit dikarenakan sudah ada patokan dari framework tersebut.
6. Kebersihan dan Kerapihan
Maksud dari kebersihan dan kerapihan disini adalah; kode menjadi lebih mudah dibaca dan lebih jelas, baik itu oleh kita sendiri maupun oleh team kita.
Kekurangan Menggunakan CSS Framework
1. Membutuhkan waktu untuk mempelajari framework
Mempelajari dan membuat CSS Framework menjadi lebih familiar memang membutuhkan waktu. Karena framework adalah buatan orang lain.
2. Berkurangnya fleksibilitas
Kebebasan kita dalam mengkoding menjadi berkurang akibat dari sintak yang sudah terpatok. Sehingga setiap projek yang kita buat akan tidak jauh berbeda. Walaupun berbeda, mungkin kesempatannya akan akan lebih kecil.
3. Kode menjadi mubazir
Tidak semua kode yang ada pada framework kita gunakan dalam projek kita. Hal ini mengakibatkan code menjadi tidak berguna dan membuat data menjadi besar.
4. HTTP request yang berlebihan
Biasanya CSS framework memiliki data yang terpisah-pisah. Hal ini membuat loading website menjadi lama.
5. Bugs
CSS framework adalah buatan manusia yang tidak luput dari kesalahan. Terkadang kita menjadi kesulitan apabila suatu saat kita menemukan sebuah bugs pada CSS framework pilihan kita dan terkadang menjadi kerepotan untuk diperbaiki dan mencari solusinya.
Setelah melihat kelebihan dan kekurangan CSS Framework, kita dapat mempertimbangkan antara ya dan tidaknya dalam mempergunakan CSS Framework untuk projek yang akan kita kerjakan. Dan sudah tentu pilihan ada di tangan Anda .
Beberapa contoh CSS Framework:
• Blueprintcss
• 960.gs
• Baseline css
• Elasti css
• Mollio
• Yaml
• Compass
• Less css
• Bluetrip
• 1 kb grid
• Wedoui
• Elements css
• YUI
• Marker css
• Tripoli
• Content with style framework
• Sen css
• Wym style
• Css caffold
• Boilerplate
• Floatz
• The golden grid
• Malo
• Emastic
• Logicss
• Sen css
• Typogridphy
• Clevercss
• 52framework
• X Css

sumber terkait :
- http://prakasa.me/desain-web/sekedar-catatan-ringan-tentang-css-framework/