Membuat Responsive Desain Web dengan Twitter Bootstrap

Anda yang sering berkecimpung di dunia perwebsite’tan entah web desainer, web programer, atau web developer pasti sudah sering mendengar istilah responsive web design atau desain web yang responsif.. maksudnya desain web tersebut akan merespon dengan tampilan  berbeda yang terbaik dan menyesuaikan di setiap perangkat elektronik yang anda gunakan untuk membuka website tersebut, entah itu tablet, ponsel, smartphone, laptop, ataupun pc desktop.. setiap perangkat tsb memiliki resolusi layar yang berbeda-beda, munculnya perangkat2 gadget dengan ukuran layar yang berbeda-beda tsb lah yang membuat munculnya cara baru dalam menampilkan tampilan web pada browser yang kita kenal dengan istilah responsive web design... inilah tantangan baru bagi web developer atau web desainer dalam membuat web modern yang responsif agar web yang dibuat lebih profesional dan tidak ketinggalan jaman...

Bagaimana membuat Website Responsive?

Ada banyak cara membuat website yang responsive salah satunya dengan menggunakan CSS framework buatan Twitter Inc.. yang terkenal dengan nama Twitter bootstrap atau bootstrap .. bootstrap terdiri dari file css dan js.. dan beberapa file pendukung lainya seperti font, dan icon-icon pendukung... css dan js library dan fitur2 yang disediakan bootstrap pun sudah sangat lengkap untuk mendesain sebuah website yang responsive mulai dari form, button, field, gambar, gambar slide (carousel), tool tip, menu tombol navigasi , dll semua sudah tersedia di bootstrap dan semua mirip dengan yang ada di web jejaring twitter.. Anda hanya cukup mengetikan class-class cssny saja atau anda dapat mendownload template awalny  / layaoutny di situs bootstrap ...

untuk memulai menggunakannya anda dapat mendownloadnya di bootstrap .. kemudian anda cukup menuliskan script muntuk memanggil file css dan js nya di halaman html web.. setelah itu cukup ketik class-class css dari bootstrap yang akan anda gunakan..

Nah, untuk melihat beberapa website yang dibangun menggunakan Bootstrap, bisa lihat di BuildWithBootstrap. (-LinkDesain.com)

Share this

Related Posts

Previous
Next Post »

1 comments:

comments
March 18, 2015 at 6:32 PM delete

makasih banyak gan sangat bermanfaat informasinya, nice post..

http://obatherbalampuh.com/

Reply
avatar

Komentar disini ..