Beranda » How To » WebDev »

Responsive Design dengan Firefox

Responsive web design merupakan teknik yang membuat website merespons secara otomatis environment pengunjung web kita.

Environment disini berupa jenis lebar layar serta memperhatikan juga kemudahan untuk bernavigasi pada situasi environment apapun, baik itu tampilan besar atau kecil.

Caranya, dikombinasikan dengan penggunaan CSS media, layout juga dikonfigurasi dengan besaran persen (%).

Web developer tidak semuanya memiliki gadget dengan lebar tertentu, semisal iPhone dengan resolusi 320 x 480, iPad 768 x 1024, dan Kindle 600 x 1024. Untuk menguji hasil kreasi mereka, biasanya web developer akan memanfaatkan tools responsive design, seperti The Responsinator (responsinator.com) atau Tools dari Matt Kersley (mattkersley.com/responsive/)

responsive-web

Sayangnya tools tersebut hanya bisa diakses secara online, dan tidak bisa diakses digunakan ketika Anda tidak memiliki koneksi ke internet. Namun Anda tidak perlu khawatir, Firefox sejak versi 15 ke atas telah memberikan tools untuk web developer yang merancang web dengan teknik responsive.

Tools tersebut dapat diakses dengan mengklik tombol Firefox di pojok kiri > web developer > responsive design view. Bagi yang menggunakan menu bar, tools ini terdapat pada menu tools > web developer > responsive design view. Tools tersebut juga dapat diakses menggunakan shortcut keyboard, yakni menekan kombinasi tombol [Ctrl] + [Shift] + [M]

responsive-design-view-firefox

Beri Tanggapan

#ads #AMD #Android #Apple #Blackberry #browser #Chrome #cloud #dropbox #end of life #Facebook #facebook timeline #firefox #FOSS #GNU/Linux #Google #Google-Plus #green technology #hacked #IE #IM #instagram #Intel #iOS #iPhone #iPhone 5 #LG #malware #Metro #Microsoft #mobile-site #Motorola #Nokia #Samsung #Samsung Galaxy #skype #Sony #SOPA #SSD #statistik2011 #storage #tablet #Twitter #Ubuntu #ultrabook #Windows #Windows8 #WindowsPhone #WordPress #youtube