Apa itu CSS Framework ?

Framework adalah bentuk dasar struktur konseptual yang dapat digunakan sebagai “awal” untuk mengerjakan proyek web. Misalnya, mendefinisikan ulang secara global, dasar yang konsisten, pengaturan tipografi atau gaya standar untuk bentuk berulang-ulang setiap kali mengerjakan proyek web baru. Dengan memanfaatkan Framework, Anda dapat mempersiapkan default-style sekali dan menggunakan kembali dalam semua proyek web masa depan. Ini yang disebut sebagai kerangka CSS (CSS Framework).

CSS Famework merupakan kumpulan library dokumen CSS yang digunakan untuk membuat pengembangan halaman web yang lebih standar, cepat dan tidak rumit dalam bahasa Cascading Style Sheet (CSS). CSS Framework biasanya menyediakan CSS style untuk mengatur tipografi (typography), tata letak (layout) – umumnya dalam sistem grid, serta menata ulang browser.

Dalam dunia desain web, untuk memberikan definisi yang lebih sederhana, Framework didefinisikan sebagai paket terdiri dari struktur file dan folder kode standar (dokumen HTML, CSS, JS, dan lain-lain) yang dapat digunakan untuk mendukung pengembangan website, sebagai dasar untuk mulai membangun sebuah situs.

“[Framework is] a set of tools, libraries, conventions, and best practices that attempt to abstract routine tasks into generic modules that can be reused. The goal here is to allow the designer or developer to focus on tasks that are unique to a given project, rather than reinventing the wheel each time around.” [Framework For Designers, by Jeff Croft].

Pada dasarnya ada 2 jenis Framework untuk membedakan yaitu backend dan frontend. Perbedaan ini diambil bergantung pada kerangka tersebut lapisan presentasi (presentation layer) atau lapisan aplikasi/logis (application/logic layer).

KENTUNGAN

• Meningkatkan produktifitas dan menghindari kesalahan umum. Jika Anda mengembangkan beberapa situs yang sifatnya sama, sebuah abstraksi dari kode CSS secara dramatis dapat mempercepat produktifitas Anda, membantu untuk menghindari kesalahan secara umum dan menyederhanakan manajemen kode CSS.
• Menormalkan basis kode/klas. Anda memiliki kode default CSS dan markup XHTML sehingga akan selalu menggunakan ID dan nama kelas yang sama dalam proyek Anda. Konsistensi kode pada seluruh proyek sehingga mempermudah bagi Anda dan menjaga situs web tanpa menggali ke dalam sumber kode dari setiap proyek yang pernah dilakukan
• Memiliki alur kerja yang lebih baik dalam tim. Jika CSS Framework didokumentasikan dengan baik, dapat digunakan dalam sebuah tim sebagai common ground-up, sehingga dapat menghindari kesalahpahaman dan memastikan alur kerja secara optimal. Hasil terakhir dalam menghindari kesalahan dan membantu Anda untuk memenuhi tenggat waktu tanpa mengorbankan kualitas produk dan tanpa biaya mahal
• Browser yang kompatibel secara optimal. CSS Framework disebut sebagai “bulletproof”, sehingga Anda tidak perlu khawatir tentang masalah kompatibilitas browser dan bisa segera mulai coding
• Memiliki kode yang bersih, baik, terstruktur dan lengkap. CSS Framework menyediakan dengan dasar pemikiran dengan baik untuk situs Anda, menggunakan styling dasar dari semua tag html – elemen yang Anda akan merasa perlu untuk gaya dari awal proyek Anda.

KERUGIAN

• Perlu waktu untuk memahami Framework. Dibutuhkan untuk memahami arsitektur dari Framework jauh melampaui tugas kasar coding dari awal
• Membutuhkan keakraban yang erat dengan arsitektur kode Anda. Menggunakan CSS Framework eksternal, Anda masih perlu pemahaman yang mendalam tentang kode Anda. Anda perlu mengetahui persis bagaimana kerangka kerja Anda benar-benar dibangun. “Dengan membangun sebuah situs dari bawah ke atas, Anda mendapatkan pengetahuan tentang arsitektur situs Anda yang tidak bisa dipelajari melalui studi atau dokumentasi”
• Mungkin mewarisi bug atau kesalahan seseorang. Jika Anda menggunakan CSS Frameworks eksternal Anda mungkin mendapat masalah untuk memperbaiki bugs orang lain yang jauh lebih memakan waktu daripada memperbaiki bug Anda sendiri
• Mengembangkan situs pada kerangka kerja, bukan pada pengetahuan yang solid CSS. Masalah besar dengan Framework adalah ketika sudah naik dan datang pengembang yang menempelkan pada Framework yang bertentangan dengan kode tersebut
• Mendapatkan kode sumber yang membengkak. Apakah itu dalam kerangka bahasa pada sisi server atau JavaScript library, sering muncul persentase besar dari kode yang tidak akan pernah dieksekusi. Meskipun sisi server utama tidak menjadi masalah, namun hal ini dapat menurunkan kinerja kerangka sisi klien seperti JavaScript library
• CSS tidak dapat dibingkai semantik. CSS dan (X) HTML berjalan beriringan. (X) HTML adalah bahasa semantik di alamnya, yang tidak mungkin untuk membungkus dalam gaya kerangka. Kerangka CSS pasif menghilangkan sebagian besar dari nilai semantik dari markup dokumen dan ini harus dihindari
• Mengabaikan keunikan proyek Anda. Desain harus didasarkan pada konten, bukan pada template standar yang Anda gunakan berulang-ulang.