Kursus yang mengeksplorasi semua aspek desain responsif. Pelajari cara membuat situs yang terlihat bagus dan berfungsi dengan baik untuk semua orang.
Materi ini akan membawa Anda pada perjalanan melalui banyak aspek desain web responsif modern. Beberapa modul pertama akan memudahkan Anda dengan sejarah tentang asal desain responsif dan melihat dasar-dasar tata letak responsif. Dari sana, Anda akan belajar tentang gambar, tipografi, aksesibilitas, dan banyak lagi yang responsif.
Dalam materi ini, Anda akan mengetahui cara membuat {i>website<i} responsif terhadap preferensi pengguna dan kemampuan perangkat. Pada akhirnya, Anda juga akan memiliki pemahaman tentang apa yang mungkin dipertahankan di masa depan untuk desain responsif.
Setiap modul memiliki demo dan penilaian mandiri untuk menguji pengetahuan Anda.
Materi ini dibuat untuk desainer dan pengembang pemula dan menengah. Pemahaman dasar tentang HTML dan CSS seharusnya cukup. Anda tidak perlu memahami JavaScript. Jika Anda baru pertama kali membuat situs, ada pengantar HTML dan kursus lainnya untuk membantu Anda mempelajari CSS.
Berikut ini hal yang akan Anda pelajari:
Pengantar
Cari tahu dari mana desain responsif berasal.
Kueri media
Sesuaikan desain Anda dengan ukuran layar yang berbeda menggunakan kueri media CSS.
Internasionalisasi
Siapkan desain Anda untuk berbagai bahasa dan mode penulisan.
Tata letak makro
Merancang tata letak halaman menggunakan berbagai pilihan teknik CSS.
Tata letak mikro
Membuat komponen fleksibel yang dapat ditempatkan di mana saja.
Tipografi
Buat teks yang mudah dibaca dan menarik, di mana pun teks tersebut muncul.
Gambar responsif
Berikan gambar yang paling sesuai untuk perangkat dan layar pengunjung Anda.
Elemen gambar
Terapkan kontrol yang lebih kreatif atas gambar Anda.
Ikon
Gunakan SVG untuk ikonografi responsif yang skalabel.
Tema
Sesuaikan desain Anda agar sesuai dengan preferensi pengguna seperti mode gelap.
Aksesibilitas
Pastikan situs Anda tersedia untuk semua orang.
Interaksi
Siapkan halaman Anda untuk mekanisme input yang berbeda; mouse, keyboard, dan sentuhan.
Pola antarmuka pengguna
Pertimbangkan beberapa elemen UI umum yang beradaptasi dengan berbagai ukuran layar.
Fitur media
Rangkuman semua cara fitur media memungkinkan Anda merespons perangkat dan preferensi.
Konfigurasi layar
Siapkan konten Anda untuk perangkat dengan beberapa layar.
Kesimpulan dan langkah berikutnya
Referensi lebih lanjut untuk membantu Anda mengambil langkah berikutnya.
Jadi, apakah Anda siap untuk belajar desain responsif?