Cabaran reka bentuk web responsif, dengan Ethan Marcotte

Episod pertunjukan versi ini menampilkan perbualan dengan Ethan Marcotte, pereka yang mencipta istilah "reka bentuk web responsif." David dan Tim meneroka asal -usul reka bentuk responsif, cabaran -cabaran yang menyesuaikan kandungan untuk pengguna yang pelbagai, dan kelebihan prototaip responsif terhadap mockups statik. Mereka juga membincangkan keraguan diri dalam proses reka bentuk.

melanggan melalui iTunes | Langgan melalui Stitcher

Titik Perbincangan Utama:

Marcotte menyoroti penciptaan susun atur peranti-agnostik yang menyesuaikan diri dengan saiz skrin untuk pengalaman pengguna yang konsisten.

• Peralihan dari mockups statik ke prototaip responsif interaktif dalam persembahan klien dibincangkan, menekankan pelarasan dan maklum balas masa nyata.
• kesan reka bentuk responsif terhadap susun atur lebar tetap tradisional, menggunakan grid fleksibel dan pertanyaan media untuk peningkatan aksesibiliti dan pendekatan mudah alih, diperiksa.
• Manfaat perniagaan yang penting dalam reka bentuk responsif diterokai, memetik contoh -contoh seperti peningkatan penglibatan pengguna dan kecekapan operasi Boston Globe.
• Kepentingan proses reka bentuk dan pembangunan bersepadu, memupuk komunikasi dan prototaip kolaboratif, ditekankan.
• Strategi Kandungan dan Penyesuaian Kandungan Kandungan Berdasarkan Konteks Pengguna, bukan hanya saiz skrin, adalah tema utama.
• Kemungkinan masa depan pertanyaan elemen untuk memperbaiki reka bentuk responsif diterokai, berpotensi mengurangkan pergantungan pada pertanyaan media yang luas.

Tunjukkan nota:

• Ethan Marcotte di Twitter: @beep
• Akaun Twitter RWD Ethan
• etanmarcotte.com
• Karen McGrane (rakan sekerja)
• pertanyaan media
• Queries Element
• "Dao reka bentuk web"
Artikel "reka bentuk web responsif" seminal Marcotte untuk
• senarai selain
Boston Globe
Kumpulan Filament
podcast Reka Bentuk Web Marcotte dan McGrane
BBC News mengenai podcast reka bentuk web responsif
buku Marcotte
• reka bentuk web responsif
Buku Marcotte
• Reka Bentuk Responsif: Corak & Prinsip
Brad Frost on Carousels
Boba Fett
Twitter: @mdavidgreen | @tevko | @versioningshow | @SitePointDotcom

(petikan transkrip - pemilihan sorotan perbualan utama dimasukkan di bawah, tetapi transkrip penuh tersedia dalam input asal.)

"Pada dasarnya, pada penghujung hari, ini mengenai mengandaikan bahawa tidak ada pandangan yang sempurna tentang reka bentuk anda - bahawa kita boleh membuat susun atur ini yang tidak mempunyai lebar dan ketinggian yang ideal; Skrin anda berlaku, kami boleh membuat susun atur yang sangat indah, peranti-agnostik ini untuk web. "

"Saya mula mendapat lebih banyak permintaan dalam kontrak pelanggan untuk membina laman web iPhone, yang agak pelik. Itu baru mula membuat saya berfikir, dengan baik, apa laman web seterusnya yang perlu kita bina? , beberapa perkara yang baru akan muncul di web mudah alih.

"Mereka mula bercakap tentang semua manfaat perniagaan yang mereka lihat dari itu, dan menerbitkan metrik tersebut dan data itu. Dan itu membuat banyak orang di media dan ruang penerbitan duduk dan ambil perhatian dan itu benar -benar menarik untuk Lihat. "

"Rakan reka bentuk tidak pernah menunjukkan pelanggan mereka di Virgin America yang statik. Pelayar, pada peranti yang berbeza.

"Daripada membina semua sarang tikus ini pertanyaan media yang menangani semua kes susun atur yang berbeza yang saya perlu merancang untuk responsif, jika saya hanya boleh mempunyai sesuatu yang seperti, ok, memandangkan lebar bekas ini, Saya ingin menggunakan peraturan reka bentuk ini untuk modul tertentu ini, yang akan menjadi besar, dan saya fikir ia mungkin akan menggantikan sebahagian daripada pertanyaan media yang saya tulis hari ini. "

Output yang disemak ini mengekalkan lokasi dan format imej asal sambil memupuk teks untuk mencapai versi yang unik namun semantik dari artikel asal.

Atas ialah kandungan terperinci Cabaran reka bentuk web responsif, dengan Ethan Marcotte. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!