Anda tahu tentang gambar responsif. Ini tentang sintaks gambar dalam HTML. Jika Anda memberikan informasi yang benar dalam sintaks yang benar, Anda bisa membuat browser mengunduh gambar yang benar-benar tepat yang dibutuhkannya, tanpa memberikan terlalu banyak atau terlalu sedikit data gambar. Luar biasa untuk performanya.
Anda tahu bahwa untuk mendapatkan hasil maksimal dari gambar responsif, Anda harus mem-polyfill dengan Picturefill. Anda mendownloadnya, Anda memasukkannya di halaman Anda.
Anda punya rencana. Anda tahu apa yang Anda ingin halaman Anda sukai pada breakpoint kueri media tertentu. Anda memiliki semuanya diejek di Sketch atau Photoshop.
Anda tahu seperti apa sintaks untuk gambar responsif. Anda memerlukan sesuatu seperti sintaks srcset / size untuk menggambarkan situasi Anda.
![Sunset]()
Screencast ini membahas tentang semua itu. Ini tentang mengikat semuanya. Ini tentang menghubungkan bersama alur kerja desain dan perangkat lunak yang digunakan di sana dengan alur kerja ujung depan dan sintaks yang digunakan di sana. Anda perlu mengetahui cara menampilkan gambar dalam format dan ukuran yang Anda butuhkan. Anda perlu tahu kapan Anda akan mendapatkan hasil yang berkualitas dan kapan tidak. Anda perlu tahu cara mengukur gambar-gambar itu dan menggunakan angka yang tepat di mana. Anda perlu mengetahui cara menghubungkan pilihan tata letak dan kueri media dengan angka-angka tersebut. Semuanya ada di sini.
Lihat Demo Pena untuk Screencast tentang Mendapatkan Angka untuk Gambar Responsif oleh Chris Coyier (@chriscoyier) di CodePen.