CSS Framework Untuk Design Web

CSS Framework adalah suatu library atau paket yang digunakan untuk membuat aplikasi web (front end) agar menjadi lebih cepat. CSS Framework biasanya terdiri dari file HTML, CSS, JS, Icon dan lain sebagainya. Tujuan utama dari dibuatnya CSS Framework tentu saja tidak lain untuk mempermudah seorang Web Designer dalam membuat sebuah desain aplikasi web. Saat ini trend Web Design memiliki layout yang Responsive, yakni membuat aplikasi web bisa tampil dengan baik di berbagai ukuran layar (PC, Laptop, Tablet, ataupun Smartphone) tanpa merusak desain aplikasi web itu sendiri. Dan CSS Framework yang patut anda coba berikut ini mendukung fitur responsive tersebut.

Bootstrap

Adalah CSS Framework mobile first yang dikembangkan oleh tim dari Twitter yakni Mark Otto dan Jacob. Versi terbaru Bootstrap adalah versi 3.1.1, dan telah digunakan oleh banyak Web Designer (saya sendiri menggunakan framework ini, serta telah menghasilkan sebuah portfolio). Framework ini menyediakan komponen-komponen dasar web yang cukup lengkap seperti slider, pop up modal, progress, button, accordion, toggle, table, dll. Bootstrap memiliki sistem grid yang terbagi menjadi 12 grid dan memiliki class-class untuk 4 ukuran layar, yakni col-lg-*, col-md-*, col-sm-*, dan col-xs-* yang mana masing-masing class digunakan untuk perangkat berlayar lebar, layar sedang, layar kecil, dan layar yang lebih kecil.

Foundation

CSS Framework ini dikembangkan oleh perusahaan Zurb dan merupakan framework yang bisa dikatakan saingan terdekat Bootstrap. Seperti halnya Bootstrap, agar pengaturan responsive-nya mudah, Foundation dapat membuat class small untuk tampilan mobile serta class large untuk tampilan desktop dipanggil dalam satu div. Framework yang memmiliki slogan Start Here, Build Everywhere ini telah mencapai versi 5.

UI Kit

Merupakan CSS Framework yang memiliki library kecil namun memiliki komponen-komponen web yang lumayan lengkap, oleh karena itu framework ini juga disebut Lightweight CSS Framework. UIKit dikembangkan oleh Yootheme, perusahaan yang mengembangkan theme untuk CMS WordPress dan Joomla.

Ketiga CSS Framework diatas dapat kita download secara gratis. Selain framework-framework diatas, masih banyak framework lain seperti Blue Print, Gumby, Skeleton, Pure dll yang akan saya bahas di artikel lain. Nah apa kalian tertarik? Jangan lupa tinggalkan komentar ya.