Quote:Berbicara tentang web responsive Sekarang banyak orang melakukan aktivitas online melalui device SmartPhone, seperti update status, upload gambar, dan tidak terkecuali mengakses sebuah website. Dengan keadaan yang seperti ini, mau tidak mau kita sebagai pemilik website/developer harus memiliki website yang bisa diakses melalui device SmartPhone tersebut. Bagi yang menggunakan CMS seperti WordPress mungkin sudah tersedia pluginnya, tapi bagaimana dengan yang membuatnya dari awal atau nol atau menggunakan CMS yang belum tersedia plugin mobile tersebut? Tentunya harus membuat ulang websitenya dalam bentuk mobile bukan. Lalu bagaimana solusinya? Nah dengan hadirnya teknologi Responsive ini, kita hanya perlu menggunakan satu design saja untuk berbagai device yang ada. Ini adalah cara terbaik jika kita malas untuk mendevelop ulang website kita agar sesuai dengan mobile device. lalu apa sih definisi responsive design? mari kita bahas sedikit.

Quote:Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya. Responsive Web Design Untuk mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui mobile device ataupun device lainnya, namun cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar mobile device.

Quote:Framework adalah sekumpulan fungsi, class, atau API yang siap pakai. Tujuan adanya framework adalah mempercepat proses development dan membuat standarisasi coding tertama pada penerapa styles (CSS). Hal lain yang paling penting dari adanya framework adalah menghilangkan konsep “don’t reinvent the wheel” alias jangan mengerjakan sesuatu yang sudah di kerjakan oleh orang lain atau sudah pernah dikerjakan sebelumnya . oke, berikut ini 5 css framewok terbaik dan paling populer yang bisa membantu kita dalam memenuhi kebutuhan dalam membuat sebuah kerangka website responsive.

Quote:1.Bootstrap

Code:

http://getbootstrap.com/

Quote:2.Foundation

Code:

http://foundation.zurb.com/

Quote:3.Gumby

Code:

http://www.gumbyframework.com/

Quote:4.UI KIT

Code:

http://getuikit.com/

Quote:5.Sematic UI

Code:

http://semantic-ui.com/

Quote:Yap itu tadi sekilas ttg responsive CSS framework dan mash banyak lagi css framework selain yang disebutkan diatas,yang terpenting adalah sekarang sudah bukan jamannya lagi bikin layout pake tabel, so go a head choose the One.