Responsive web design

-

 

Pengertian

Website Responsive

Responsive web design adalah tampilan website yang bisa menyesuaikan dengan device pengguna.

Tampilan dari website akan menyesuaikan sesuai dengan ukuran layar pengguna, bisa jadi tampilan satu device dengan device lainnya akan berbeda.

Semuanya aspek dari desain website mulai dari user interface, image, font, video akan menyesuaikan dengan resolusi device pengguna.

Tampilannya pun akan dibuat dengan komposisi terbaik sesuai dengan ukuran layar pengguna.

Jadi responsive web design akan meningkatkan user experience dari setiap pengguna.


Syarat Website Responsive

Ada beberapa syarat website bisa dikatakan memiliki responsive web design, simak pembahasannya berikut ini:

1. Layout dan Tata Letak

Syarat website yang responsive pertama kali bisa dilihat dari layout dan tata letak website.

Jika ditemui layout dan tata letak yang masih tidak beraturan maka website belum bisa disebut responsive.

Saat proses develop website, semua diawali dengan membuat layout website yang non-responsive terlebih dahulu, kemudian baru menambahkan settingan CSS responsive.

2. Media

Setelah aspek layout dan tata letak beres, syarat responsive website selanjutnya terletak pada media.


Media yang ada pada website kebanyakan berupa gambar dan ada beberapa format video.


Anda perlu menambahkan kode CSS berikut agar ukuran gambar tidak melebihi atau kurang dari layar pengguna.


img { max-width: 100%; height: auto; }


script CSS diatas bertujuan untuk membuat file media tampil full satu layar menyesuaikan dengan devicenya.


3. Typography

Syarat terakhir website yang responsive design adalah tipografi yang digunakan harus responsive.

Biasanya para developer website menggunakan patokan pixel untuk menentukan ukuran typography yang digunakan.

Jadi tulisan akan menyesuaikan dengan parent container yang digunakan sehingga bisa beradaptasi dengan ukuran layar.

Jadi font yang tampil bisa terlihat ideal tidak terlalu besar dan juga kecil.

Komentar

Posting Komentar

Postingan populer dari blog ini

IP

-
Gambar
  Internet Protocol (IP) Sebuah IP Address adalah produk yang menarik dari teknologi komputer modern yang dirancang untuk memungkinkan satu komputer (atau perangkat digital lainnya) untuk bisa berkomunikasi dengan yang lain melalui Internet. IP Address akan memungkinkan lokasi harfiah dari miliaran perangkat digital yang terhubung ke Internet untuk menunjuk dan membedakan dari perangkat lain. Dalam arti yang nyata sama dengan ketika seseorang perlu alamat anda untuk mengirimkan surat, sehingga komputer remote memerlukan alamat IP Anda untuk berkomunikasi dengan komputer Anda. “IP” singkatan dari Internet Protocol, sehingga alamat IP adalah alamat Internet Protocol. Apa artinya? Internet Protocol adalah seperangkat aturan yang mengatur aktivitas internet dan bisa memfasilitasi untuk penyelesaian berbagai tindakan di World Wide Web. Oleh karena itu alamat Internet Protocol merupakan bagian dari sistematis yang diletakkan pada jaringan yang saling berhubungan yang mengatur k...
Baca selengkapnya

Scala

-
Pengertian   Scala merupakan bahasa pemrograman yang menggabungkan paradigma pemrograman yang berorientasi pada objek dengan fungsional. Bahasa pemrograman ini termasuk dalam bahasa pemrograman berorientasi objek murni yang dalam arti bahwa setiap nilai adalah objek. Serta termasuk bahasa pemrograman fungsional yang artinya setiap fungsi adalah nilai. Sama halnya seperti Java, Scala di tulis untuk dapat dijalankan pada JVM (Java Virtual Machine). Bahasa pemrograman lainnya yang dapat berjalan di JVM seperti Kotlin dan Ceylon. Semua bahasa ini dibuat dengan tujuan menyederhanakan atau membuat Java yang lebih baik. Meskipun dijalankan pada JVM, nyatanya Scala bukanlah perpanjangan dari Java. Ketika proses kompilasi (penyusunan) kode Scala di terjemahkan ke dalam betycode Java dan berjalan di JVM. Scala dapan digunakan dalam berbagai lingkungan, mulai dari script yang sederhana hingga sistem yang besar atau rumit sekalipun dalam dunia pemrograman ini disebut dengan istilah general pur...
Baca selengkapnya

Variabel Dan Tipe Data

-
Gambar
    Memahami Variabel dan Tipe Data dalam Javascript Pengertian Variabel Variabel adalah sebuah nama yang mewakili sebuah nilai. Variabel bisa diisi dengan berbagai macam nilai seperti  string  (teks),  number  (angka), objek, array, dan sebagainya. Cara Membuat Variabel Di JavaScript Cara membuat variabel yang umum digunakan di javascript adalah menggunakan kata kunci  var  lalu diikuti dengan nama variabel dan nilainya. Contoh: var title = "Belajar Pemrograman Javascript" ; Pada contoh di atas, kita membuat variabel bernama  title  dengan nilai berupa teks  (string) :  "Belajar Pemrograman Javascript" . Perhatikan! Pada contoh di atas, kita menggunakan huruf bersar atau kapital untuk nama variabel yang terdiri dari dua suku kata. Kenapa tidak menggunakan  underscore ? Pada Javascript kita dianjurkan menggunakan camelCase dalam penamaan. Boleh-boleh saja menggunakan  snake case  atau  underscore. Hal ters...
Baca selengkapnya