Video: Belajar Desain Website & Mobile Apps | Inspirasi Desain EP3 2024
Meskipun situs web apapun dapat dilihat dengan browser seluler, situs web yang tidak dioptimalkan untuk perangkat seluler terlihat sedikit aneh., seolah ukuran font situs web biasa dan dimensi gambar diturunkan agar sesuai dengan layar ponsel. Sebaliknya, situs web yang dioptimalkan untuk perangkat seluler memiliki font yang mudah dibaca, gambar yang berskala ke layar perangkat seluler, dan tata letak vertikal yang sesuai untuk ponsel.
Membangun aplikasi web mobile dilakukan dengan menggunakan HTML, CSS, dan JavaScript. CSS mengontrol tampilan website di seluruh perangkat berdasarkan lebar layar. Layar dengan lebar kecil, seperti pada telepon, diberi satu tata letak berbasis vertikal, sedangkan layar dengan lebar lebih besar, seperti pada tablet, diberi tata letak lain berbasis horizontal.
Karena aplikasi web seluler diakses dari browser, dan tidak dipasang di perangkat pengguna, aplikasi web ini tidak dapat mengirim notifikasi push (alert) ke ponsel Anda, berjalan di latar belakang sementara Browser diminimalkan, atau berkomunikasi dengan aplikasi lain.
Meskipun Anda dapat menulis HTML, CSS, dan JavaScript untuk aplikasi web mobile Anda dari awal, kerangka kerja web seluler memungkinkan Anda berkembang dari basis kode pra-tulis, mirip dengan kerangka kerja untuk bahasa pemrograman. Kerangka kerja web seluler ini mencakup kumpulan komponen generik yang sering digunakan kembali, dan memungkinkan pengembang membuat, menguji, dan meluncurkan situs web dengan lebih cepat. Twitter Bootstrap adalah salah satu kerangka kerja web mobile.