Blog Post

CSS Framework untuk Pembuatan Website Responsive

26

FEB 2014

CSS Framework untuk Pembuatan Website Responsive

Sidik Hanrei | Framework , Design , Developers , Blog , Bootstrap , Online Tools , Download

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

Twitter Bootstrap 3.0 Landing Page

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.

Download Twitter Bootstrap 3


Gumby Framework

Gumby Framework Landing Page

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.

Download Gumby Framework


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.

Download Foundation Framework


Skeleton

Get Skeleton Framework Sample Use

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.

Download Skeleton


Responsive Grid System

Who's Website using 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.