Banyak developer website yang berlomba-lomba menciptakan penemuan dalam tampilan responsive-nya. Ada yang hanya memakai CSS3 saja untuk menghasilkan tampilannya responsive, ada juga yang menambahkan sedikit JavaScript untuk menambah nilai interaktif sebuah website.
Ada banyak hal yang menarik dari tampilan responsive ini, namun tentu menambah beban developer website dalam menyebarkan website sejalan dengan perkembangan teknologi di dunia website. Awalnya, banyak developer yang beranggapan bahwa tampilan responsive itu tanggung jawab pembuat perangkat. Namun, lambat laun paradigma itu berubah. Akhir-akhir ini sebagian besar developer beropini bahwa menciptakan tampilan responsive itu kiprah developer.
Banyak situs yang mempermudah kerja developer ini untuk mendeteksi tampilan responsive sebuah website. Coba saja kau cek di Google, dengan kata kunci "Responsive Tools". Tentu kau akan menemukan banyak situs yang menyediakan perangkat untuk mendeteksi tampilan responsive. Tak hanya itu, beberapa ahad yang kemudian saya juga sempat iseng menciptakan Responsive Tools sendiri yang kuletakkan di situs profil pribadiku. Berikut ialah Reponsive Tools bikinanku sendiri.
Responsive Tools bikinan Sendiri
 |
| Responsive Tools bikinan sendiri |
Cara menggunakannya amatlah mudah. Kamu masukkan saja URL situsmu, kemudian klik GO.Nantinya akan muncul banyak ukuran standar perangkat mobile maupun desktop yang ada dikala ini. Ingin mencoba? Kunjungi laman Responsive Tools ini.
Tak hanya itu, Mozilla Firefox juga menyediakan fitur yang mendukung kau untuk mendeteksi tampilan responsive website tanpa mengunjungi website lain. Berikut ialah ulasannya.
Responsive Tools bawaan Mozilla Firefox
 |
| Responsive Tool bawaan Mozilla Firefox |
Gambar di atas ialah salah satu teladan blog yang memakai template responsive bikinanku. Dengan fitur yang ada di Mozilla Firefox ini kau sanggup mengubah kueri media sesuai keinginanmu. Gunakan tombol "rotate" untuk mengubah mode "potrait" ke "landscape" ataupun sebaliknya. Untuk menikmati fitur ini, kau cari di Tools > Web Developer > Responsive Design View.
 |
| Cara mengaktifkan Responsive Design View |
Selain itu kau juga sanggup memakai shortcut key Ctrl Shift M untuk Windows dan Linux, Command Option M untuk Mac OS X. Menarik bukan fitur ini? Silakan mencoba :) Sumber https://www.iskael.com/
EmoticonEmoticon