Mobile Friendly atau responsive website merupakan sebuah teknologi yang sangat penting. Seiring dengan berkembangnya teknologi digital, sekarang sudah banyak orang yang mempunyai smartphone, entah itu dengan os android, iOS, symbian, dll.

 Rata rata orang sekarang menggunakan mobile sebagai sarana berinternet, karena lebih praktis dan juga bisa digunakan kapan saja dan dimana saja. Permasahannya adalah ketika orang yang menggunakan perangkat dengan layar kecil, seperti smartphone, tab, pad ,dll . Mereka harus men zoom in, zom out,geser ke kanan, kekiri,dll untuk melihat konten yang terdapat pada sebuah website. Nah maka dari itu, muncullah teknologimobile-friendly atau responsive. Dengan teknologi tersebut, semua content dalam website, termasuk teks, image, video, dll akan di wrapping dan disesuaikan dengan layar yang digunakan oleh visitor. Jadi visitor tidak perlu menggeser kesamping atau zoom untuk melihat konten, hanya skroll kebawah saja.
Lihat motion graphic tentang responsive design berikut.

Mobile Friendly atau responsive website merupakan sebuah teknologi agar layout website beradaptasi atau menyesuaikan layoutnya secara otomatis dengan ukuran layar.
Untuk mengaplikasikan Mobile Friendly pada website, biasa menggunakan width dengan value % persen pada css. Namun cara ini kurang bagus karena jika mas vroh menset value 30% 30% 30%, di layar besar akan terlihat terbagi 3, namun di mobile juga akan terlihat 3 kolom, scaling tapi jadi kecil. Seharusnya kan jadi tetep 3 kolom tapi kebawah. jadi kolomnya turun gitu. Nah maka dari itu lebih baik menggnuakan media query, namun kita harus men style ulang untuk setiap media ( layar ) yang berbeda beda. Maka dari itu da yang namanya HTML Frameworks seperti Zurb, Bootstrap, dll. Jadi tinggal mas vroh panggil class dari selector. Otomatis content akan mengadaptasi ukuran layar.
Maka dari itu, silahkan sekarang mulai benerin situsnya biar responsive. Untuk pemilik toko online, minta sama developernya . Daripada malahan kehilangan pengunjung, kehilangan rejeki juga.