คำถามติดแท็ก html

Lorem Ipsumเป็นค่าเริ่มต้นที่รู้จักสำหรับข้อความจำลอง จากการค้นหาการสนทนาล่าสุดเกี่ยวกับทางเลือกคืออายุสองปี ฉันคิดว่าฉันจะโพสต์หัวข้อใหม่ในหัวข้อนี้ ดังนั้นสิ่งที่มีการปรับปรุงทางเลือกเพื่อ Lorem Ipsum?

27 website-design  typography  html 

หมายเหตุนี่เป็นเรื่องเกี่ยวกับการออกแบบมากกว่าการพัฒนา ฉันสร้างเว็บไซต์ตั้งแต่เริ่มต้นด้วย CSS และ HTML ที่เขียนด้วยมืออย่างสมบูรณ์ ฉันรู้เกี่ยวกับเทมเพลต css ที่สร้างไว้ล่วงหน้าเช่นBootstrapหรือHTML5 Boilerplateเป็นระยะเวลาหนึ่ง ฉันได้ดูพวกเขาเมื่อไม่นานมานี้ แต่ไม่เคยใช้มันเพื่ออะไรเลย ฉันไม่มีปัญหาในการรีเซ็ต CSS หรือรวมถึงจาวาสคริปต์เมื่อจำเป็นหรือกำหนดค่าสำหรับวิวพอร์ต เย็นวันนี้ฉันเขียนหน้า HTML5 / CSS พื้นฐาน ไม่มีอะไรที่ทำให้โลกสั่นสะเทือนในแง่ของการจัดวาง เพียงแค่กระโดดออกจากจุด หลังจากนั้นฉันตัดสินใจที่จะให้ Bootstrap วนด้วยเค้าโครงเดียวกัน มันเป็นมาตรฐานขนาด 960px, 3 คอลัมน์พร้อมหน้าภาพฮีโร่ ขณะที่ฉันเปลี่ยน Bootstrap มันเกิดขึ้นกับฉันว่า 80% หรือมากกว่านั้นใช้เวลาในการเรียนรู้ว่าจะใช้คลาสหรือรหัสใดกับสิ่งใดจากนั้นจึงหาสิ่งนั้นใน CSS เพื่อปรับเปลี่ยน เป็นที่ชัดเจนว่า Bootstrap จะไม่ช่วยฉันได้ตลอดเวลา ในความเป็นจริง Bootstrap จะเพิ่มเวลาในการผลิตอย่างมากเนื่องจาก CSS ที่สร้างอุณหภูมิสูงเกินไป * ( โดย "เทมเพลตมากเกินไป" ฉันหมายความว่ามี CSS …

27 website-design  css  website-templates  html 

ฉันได้พบสคริปต์ที่ทำอย่างนั้น (สร้าง CSS และ HTML สำหรับเลเยอร์และเสนอตัวเลือกในการส่งออกในค่า%) และตัดงานสำหรับ web-dev ครึ่งหนึ่งสำหรับ Photoshop ตอนนี้ฉันอยากรู้อยากเห็นถ้าใครเจอหรือมีปลั๊กอินหรือชี้ให้ฉันไปที่คุณสมบัติดั้งเดิมเช่นนั้นสำหรับแอป Sketch การขาดงานดังกล่าวทำให้ฉันเปลี่ยนไปใช้ Sketch ได้อย่างเจ็บปวดอีกครั้ง หรือเป็นสิ่งใหม่สำหรับ Sketch ฉันเพิ่งขาดสิ่งที่แตกต่างในเชิงอุดมคติเกี่ยวกับวิธีที่ Sketch ทำงานกับ CSS และ HTML

13 css  html  sketch-app  plugin 

ฉันพบเธรดที่มีประโยชน์สองสามรายการในฟอรัมนี้เกี่ยวกับปัญหาที่เกิดจาก (แสดง) รูปภาพในลายเซ็นอีเมล - ที่นี่เช่น - และฉันค้นหาทั่วทั้งเว็บ แต่ก็ยังไม่พบวิธีแก้ปัญหาที่ดี จัดการปัญหาอย่างเพียงพอ ลูกค้าของฉันต้องการเพียงแค่โลโก้ของ บริษัท ของเขารวมอยู่ในลายเซ็นอีเมลของเขาและปัญหาที่ฉันพบสามารถสรุปได้ดังนี้: ฉันสามารถส่งโลโก้ rasterized จาก AI ที่ขนาดจริงและมันจะดูคมชัดบนเดสก์ท็อป แต่ตัวหนังสือ / พร่ามัวบนความหนาแน่นสูง (เช่น "เรตินา") เช่น iPhone ตามที่แนะนำในเธรดที่ฉันอ้างถึงฉันสามารถส่งออกโลโก้ได้ 2-3 เท่าของขนาดจริงที่แสดงเพื่อกำหนดเป้าหมายการแสดงความหนาแน่นสูง แต่โลโก้จะดูนุ่มนวลบนหน้าจอที่ไม่มีความหนาแน่นสูงเมื่อลดขนาดลง . นี่เป็นปัญหาที่เกิดขึ้นเป็นพิเศษในกรณีนี้เนื่องจากโลโก้มีข้อความอยู่ซึ่งดูแย่มากเมื่อวางกับข้อความจริงในเบราว์เซอร์ / ไคลเอนต์อีเมล ฉันถือว่า.svgเป็นตัวเลือก แต่เห็นได้ชัดว่าการสนับสนุนไม่ดี และในกรณีนี้ฉันสมมติว่าผู้ใช้ส่วนใหญ่ที่อ่านอีเมลของลูกค้ารายนี้จะใช้ Outlook ดังนั้นสิ่งที่แสดงเฉพาะอย่างถูกต้องใน iOS / webkit / etc นั้นไม่ใช่ตัวเลือกที่ทำงานได้ ฉันกำลังสูญเสียที่จุดนี้และสงสัยว่ามีตัวเลือกที่เป็นไปได้อื่น ๆ ออกมี ตัวอย่างเช่นฉันไม่แน่ใจว่าถ้าเป็นไปได้ที่จะใช้ภาพความหนาแน่นสูงที่มีทางเลือก lo-res ในลายเซ็นอีเมล? ข้อเสนอแนะ …

11 css  image-quality  html  retina 

Bootstrap เป็นเฟรมเวิร์กที่ยอดเยี่ยมและฉันต้องการทราบว่ามีเครื่องมือที่ช่วยให้คุณสามารถลากส่วนประกอบ html, ปรับขนาดและย้ายมันใหม่, เปลี่ยนสีได้หรือไม่ในขณะที่สร้างโค้ด bootstrap html ฉันไม่ต้องการใช้ Dreamweaver เพราะคุณต้องไปและเพิ่มคลาสและรหัสลงใน html ซึ่งบางครั้งอาจทำให้เกิดความเจ็บปวด

11 website-design  css  html 

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

11 website-design  css  html  mobile  responsive-design 

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

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

โดยทั่วไปมีสองวิธีในการสร้างแบบอักษรที่เป็นตัวหนาใน CSS: ผ่านfont-familyแอตทริบิวต์และผ่านfont-weightแอตทริบิวต์ สมมติว่าฉันกำลังใช้ฟอนต์Ralewayและโหลด Light, แบบธรรมดา, แบบ Semibold และแบบ Bold ผ่าน css ผมอาจจะเปลี่ยนหัวหนาง่ายโดยการตั้งค่ามันหรือh1{font-family: 'Raleway Bold'}h1{font-weight: 700} ข้อใดถูกกว่ากันหรือทั้งสองอย่างนี้เหมือนกัน

9 css  web-fonts  html