What is responsive web design and w

What is responsive web design and why is it important? What kinds of devices should we be targeting with our design? How can we best leverage the different capabilities of each device to provide great experiences to users? You’ll also make sure that your development environment is ready to go.

Topics covered:

What is responsive design?
Why does responsive design work for any device?
Remote debugging and emulation in the browser


The best way to get started is to start small and build up. In this lesson, we’ll cover the key components that make a site great on a small screen, including setting the viewport, adding content and sizing the content to the viewport. You’ll start the home town site project, by making sure that it looks good on a small screen.

Topics covered:

Why start small and build up?
What is the viewport?
Sizing content the content to the viewport
avoiding static sized items
Touch targets, and why they should be large

ผลลัพธ์ (ไทย) 2:

การออกแบบเว็บตอบสนองคืออะไรและทำไมมันเป็นสิ่งสำคัญ? สิ่งที่ชนิดของอุปกรณ์ที่เราควรจะกำหนดเป้าหมายที่มีการออกแบบของเราหรือไม่ วิธีที่ดีที่สุดที่เราสามารถใช้ประโยชน์จากความสามารถที่แตกต่างกันของแต่ละอุปกรณ์ที่จะให้ประสบการณ์ที่ดีกับผู้ใช้? นอกจากนี้คุณยังจะให้แน่ใจว่าการพัฒนาสภาพแวดล้อมของคุณพร้อมที่จะไป. หัวข้อที่ครอบคลุม: อะไรคือการออกแบบที่ตอบสนองหรือไม่ทำไมงานออกแบบที่ตอบสนองไม่สำหรับอุปกรณ์ใด ๆการแก้จุดบกพร่องระยะไกลและการจำลองในเบราว์เซอร์วิธีที่ดีที่สุดในการเริ่มต้นคือการเริ่มต้นขนาดเล็กและ สร้างขึ้น ในบทเรียนนี้เราจะครอบคลุมส่วนประกอบสำคัญที่ทำให้เว็บไซต์ที่ดีบนหน้าจอขนาดเล็กรวมทั้งการตั้งค่า viewport เพิ่มเนื้อหาและการปรับขนาดเนื้อหาเพื่อ viewport คุณจะเริ่มต้นโครงการทาวน์โฮมเว็บไซต์โดยการทำให้แน่ใจว่ามันดูดีบนหน้าจอขนาดเล็ก. หัวข้อที่ครอบคลุม: ทำไมเริ่มต้นเล็ก ๆ และสร้างviewport คืออะไรเนื้อหาการกำหนดขนาดเนื้อหาเพื่อ viewport หลีกเลี่ยงรายการขนาดคงสัมผัสเป้าหมาย และทำไมพวกเขาควรมีขนาดใหญ่

ผลลัพธ์ (ไทย) 3:

อะไรคือการออกแบบเว็บตอบสนองและทำไมมันสำคัญ ? ชนิดของอุปกรณ์ที่เราควรจะกำหนดเป้าหมายกับการออกแบบของเรา วิธีที่เราสามารถใช้ประโยชน์จากความสามารถที่แตกต่างกันที่ดีที่สุดของแต่ละอุปกรณ์ เพื่อให้ประสบการณ์ที่ยอดเยี่ยมให้กับผู้ใช้ ? คุณจะให้แน่ใจว่าสภาพแวดล้อมการพัฒนาของคุณพร้อมที่จะไป หัวข้อ :



อะไรคือการออกแบบที่ตอบสนอง ?
ทำไมผลงานการออกแบบที่ตอบสนองสำหรับอุปกรณ์ใด ๆ ?
การดีบักระยะไกลและการแข่งขันในเบราว์เซอร์


วิธีที่ดีที่สุดในการเริ่มต้นคือการเริ่มต้นเล็ก ๆ และสร้างขึ้น ในบทเรียนนี้เราจะครอบคลุมองค์ประกอบหลักที่ทำให้เว็บไซต์ที่ดีบนหน้าจอขนาดเล็ก รวมถึงการตั้งค่ามุมมอง เพิ่มเนื้อหาและขนาดเนื้อหา viewport . คุณจะเริ่มต้นทาวน์โฮมไซต์โครงการโดยให้แน่ใจว่ามันดูดีบนหน้าจอขนาดเล็ก หัวข้อ :



ทำไมเริ่มต้นขนาดเล็กและสร้างขึ้น ?
viewport คืออะไร ?

เนื้อหาเนื้อหา viewport หลีกเลี่ยงคงที่ขนาดสินค้า
สัมผัสเป้าหมาย ขนาด และทำไมพวกเขาควรจะใหญ่