28
Sep 2013
CSS Framework untuk Pembuatan Website Responsive
Tools for web developers Jika sebelumnya kita sudah membahas tentang editor untuk pembuatan website. Kali ini, saya akan coba mereferensikan beberapa framework yang dapat anda gunakan untuk mengembangkan desain website agar lebih menarik
CSS Framework untuk Tampilan Website
Referensi yang dapat Anda gunakan untuk mempercantik tampilan website Anda agar terlihat lebih indah dan menarik.
Twitter Bootstrap 3
Ini merupakan salah satu framework yang paling banyak digunakan untuk mengembangkan tampilan website dengan keunggulan teknologinya yang responsive.
Twitter Bootstrap adalah Framework gratis dan open source sehingga Anda dapat menggunakan dan mengembangkannya sesuai dengan kebutuhan Anda.
Gumby Framework
Versi terbaru dari Gumby adalah versi 2.5 yang dibuat dengan teknologi Sass atau CSS Preprocessor yang menjadikan Gumby bisa digunakan secara maksimal terutama dari segi kecepatannya. Gumby juga menawarkan Customizer sehingga Anda lebih leluasa dalam menentukan apa saja yang Ingin Anda download.
Keunggulan lain yang ditawarkan Gumby adalah Responsive Design yang membuat anda lebih fleksibel. Gumby sangat mudah untuk diimplementasikan kedalam struktur HTML website Anda.
Foundation
Foundation merupakan CSS Framework yang mengutamakan kualitas mobile view, tetapi tetap tangguh untuk desktop view-nya. Framework ini lebih cenderung memandu Anda untuk menghasilkan desain yang menarik dengan kode HTML yang mudah untuk dimengerti pula.
Javascript yang include di dalam Foundation dibuat secara maksimal sehingga javascript pada Foundation dapat berfungsi dengan baik dan tentunya lebih cepat.
Skeleton
Skeleton adalah salah satu koleksi CSS Framework yang dapat digunakan untuk membantu Anda membuat website responsive. Get Skeleton dapat Anda gunakan untuk menyesuaikan tampilan laptop 17" hingga ukuran iPhone (320 px) yang juga dapat memberikan kemudahan untuk mendesain ukuran-ukuran lainnya.
Skeleton biasanya banyak digunakan untuk penggunaan grid 960 pixels tetapi tetap elegan digunakan hingga ukuran terkecil maupun terbesar. Framework ini juga dapat meningkatkan efektifitas waktu pembuatan website karena mudah digunakan tetapi menghasilkan desain yang powerful.
Responsive Grid System
Responsive Grid System menawarkan keunggulan yaitu kecepatan, kemudahan dan fleksibel untuk membuat website responsive. Kolom dapat dibuat up to 12 dengan teknologi fluid yang dapat beradaptasi dengan lebar layar untuk mendukung responsive Framework tersebut.
Download Responsive Grid System
Itulah beberapa CSS Framework yang dapat Anda gunakan untuk menciptakan desain website yang menarik. Masih banyak Framework lainnya yang dapat Anda gunakan dari 5 yang telah saya rekomendasikan.