คำถามติดแท็ก responsive-design

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

20 website-design  responsive-design 

ฉันออกแบบเว็บไอเท็มหน้าเว็บอย่างง่ายสำหรับการขายหรืออีเมล ฉันมักพบว่ามีปัญหากับพาดหัวและตัวแบ่งบรรทัดที่ฉันต้องการตามความกว้างของสื่อที่แตกต่างกัน ตัวอย่างเช่นฉันอาจมีหัวข้อเช่น: สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! ด้วยการไม่สนใจเส้นแบ่งเส้นแบ่งเช่นนี้: สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! ที่เว็บขนาดเต็มฉันต้องการแยกบรรทัดหลังจาก "ตัว" สร้างสองบรรทัด สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! สำหรับหน้าจอที่มีความกว้างปานกลางฉันจะแบ่งสองครั้ง: สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! สำหรับหน้าจอที่แคบลงฉันจะแตกหักหลังจาก "ใหม่" หลังจาก "thingamabob" และหลังจาก "สิ่ง" สร้างสี่บรรทัด ของเราใหม่thingamabob เป็นสิ่งที่ดีที่สุดตั้งแต่ขนมปังหั่น! ฉันจริงๆไม่ต้องการที่จะใช้แท็กแบ่ง ( <br>) เพราะที่ยากชุดแบ่งในทุกขนาด จนถึงตอนนี้ฉันได้ใช้เคียวรีสื่อบันทึกและเปอร์เซ็นต์ความกว้างสำหรับแท็กต่างๆh1- h5เพื่อให้ความกว้างของแท็กบังคับให้หยุดพัก แต่ดูเหมือนว่า "แฮ็ค" สำหรับฉัน (มันก็ค่อนข้างเจ้าอารมณ์ในบางครั้งตามข้อความจริง) เป็นวิธีที่ดีที่สุดในการควบคุมตัวแบ่งบรรทัดโดยไม่ต้องเขียนโค้ดลงใน html อย่างไร

17 website-design  text  best-practice  responsive-design 

สำหรับอุปกรณ์พกพาความละเอียดนั้นใหญ่จริงขนาดหน้าจอเล็กเท่านั้น ตามที่: สำหรับการออกแบบเว็บไซต์เรากำหนดเป้าหมายความละเอียดหน้าจอ (เช่น 1920x1080) หรือไม่ และสำหรับปพลิเคชันมือถือ เรากำหนดเป้าหมายขนาดหน้าจอได้อย่างไร

11 website-design  css  html  mobile  responsive-design 

ฉันอ่านจากหลายแหล่งที่กล่าวว่าการออกแบบมือถือเป็นสิ่งสำคัญเกือบจะไม่สามารถปฏิเสธได้ว่ามันมีประโยชน์ชัดเจนเช่นเวลาโหลดเร็วขึ้นสำหรับโทรศัพท์มือถือซึ่งโดยทั่วไปจะมีความเร็วในการดาวน์โหลดช้าลงผ่าน 3G และ 4G แต่ถ้าคุณกำลังสร้างเว็บไซต์ขนาดเล็กที่มีภาพน้อยมาก ฉันต้องการที่จะได้ยินความคิดเห็นของผู้อื่นในเรื่องนี้และไม่ว่าคนคิดว่ามีข้อยกเว้นหรือไม่ โดยส่วนตัวฉันชอบออกแบบ / โค้ดสำหรับเดสก์ท็อปก่อนและลดขนาดจากที่นั่น แต่เป็นสิ่งสำคัญหรือไม่ที่การออกแบบ / รหัสสำหรับอุปกรณ์เคลื่อนที่เป็นอันดับแรก

10 website-design  interface-design  css  html  responsive-design