Pengertian :
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.
Keuntungan Menggunakan CSS Framework :
- Lebih cepat
- Tableless
- Cross-browser compatibility
- Team Work menjadi lebih komunikatif
- Lebih sedikit kesalahan
- Kebersihan dan Kerapihan
Membuat sebuah website membutuhkan waktu yang tidak sebentar. Tapi dengan menggunakan Framework kita tidak harus memulai semuanya dari awal untuk setiap projek.
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.
Cross-browser compatibility ini memiliki pengertian bahwa website dapat diakses oleh berbagai browser.
Setiap desain dan developer memiliki teknik atau cara yang berbeda-beda. Dengan framwork ini maka kesalahpahaman atau miskomunikasi antar team dapat diminimalisir.
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.
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 :
- Membutuhkan waktu untuk mempelajari framework
- Berkurangnya fleksibilitas
- Kode menjadi mubazir
- HTTP request yang berlebihan
- Bugs
Mempelajari dan membuat CSS Framework menjadi lebih familiar memang membutuhkan waktu. Karena framework adalah buatan orang lain.
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.
Tidak semua kode yang ada pada framework kita gunakan dalam projek kita. Hal ini mengakibatkan code menjadi tidak berguna dan membuat data menjadi besar.
Biasanya CSS framework memiliki data yang terpisah-pisah. Hal ini membuat loading website menjadi lama.
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.
Beberapa contoh CSS Framework :
- Blueprintcss
- 960.gs
- Baseline css
- Elasti css
- Mollio
- Yaml
- Compass
- Less css
- Less css
- Bluetrip
- 1 kb grid
- Wedoui
- Elements css
- Marker css
- Sen css
tetapi disini kita akan membahas tentang 960.gs saja....
....maaf ya
Mengapa Website dewasa ini harus menggunakan CSS Framework (960 Grid System) ............??
Apakah itu memudahkan dalam membangun sebuah website yang dinamis..?
jawabannya ialah :
CSS framework digunakan karena mampu mempercepat proses pembuatan desain visual website dan juga konversi desain visual website tersebut ke dalam CSS dan XHTML. Hal ini dikarenakan sudah ada panduan yang disediakan oleh CSS framework, baik ketika melakukan proses pembuatan desain visual maupun ketika mengkonversi desain visual tersebut ke dalam CSS dan XHTML. Tutorial ini akan menjelaskan langkah-langkah dasar membangun layout website dengan memanfaatkan CSS Framework (960 Grid System varian 12 kolom dengan lebar masing-masing kolom 60 piksel) dan XHTML.
Adapun Varian dari 960 gs :
Varian yang digunakan dalam desain grid (12,16,dan 24 kolom) setiap dibagi menjadi bagian yang 60 piksel, lebar setiap kolom memiliki 10 piksel margin di kiri dan kanan, yang membuat spasi 20 piksel lebar antara kolom.
Example Web site Used 960 grid system at
http://960.gs
Disana kalian dapat mendownload Grid 960 serta Sketh dan Template dalam bentuk Firework,photoshop , Illlustrator Dll.
