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

ในการพัฒนาเว็บยุคใหม่ฉันเจอรูปแบบนี้บ่อยขึ้นกว่าเดิม ดูเหมือนว่านี้: <div class="table"> <div class="row"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> </div> และใน CSS มีบางสิ่งที่คล้ายกัน: .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } * (ชื่อคลาสเป็นเพียงตัวอย่างเท่านั้นในชีวิตจริงชื่อเหล่านี้เป็นชื่อคลาสปกติที่สะท้อนถึงองค์ประกอบ) ฉันเพิ่งพยายามทำสิ่งนี้ด้วยตัวเองเพราะ ... คุณรู้ไหมทุกคนทำมัน แต่ฉันก็ยังไม่เข้าใจ เราจะทำเช่นนี้ทำไม? หากคุณต้องการโต๊ะจากนั้นก็ทำการทำลาย<table>และทำมัน ใช่แม้ว่ามันจะเป็นรูปแบบ นั่นคือสิ่งที่ตารางมีไว้สำหรับ - การจัดวางสิ่งต่าง ๆ ในแบบตาราง คำอธิบายที่ดีที่สุดที่ฉันมีคือตอนนี้ทุกคนเคยได้ยินมนต์ของ "ไม่ใช้ตารางสำหรับการจัดวาง" ดังนั้นพวกเขาจึงติดตามมันอย่างสุ่มสี่สุ่มห้า แต่พวกเขายังคงต้องการตารางสำหรับการจัดวาง …

269 html  css 

บ่อยครั้งที่ฉันเห็นคำถามในรายการคำถามเครือข่ายที่น่าสนใจเช่นนี้ซึ่งโดยทั่วไปแล้วถามว่า "ฉันจะวาดรูปทรงโดยพลการใน CSS ได้อย่างไร" คำตอบก็คือบล็อกข้อมูล CSS หรือ SVG สองกลุ่มที่มีค่าฮาร์ดโค้ดแบบสุ่มจำนวนมากซึ่งสร้างรูปร่างตามที่ร้องขอ เมื่อฉันดูที่นี้ฉันคิดว่า 'Yuck! สิ่งที่น่าเกลียดของรหัส ฉันหวังว่าฉันจะไม่เห็นสิ่งประเภทนี้ในโครงการของฉัน ' อย่างไรก็ตามฉันเห็นประเภทของคำถาม & บ่อยครั้งมากและมีผู้ติดตามจำนวนมากดังนั้นชุมชนจึงไม่คิดว่าพวกเขาจะไม่ดี แต่ทำไมถึงเป็นที่ยอมรับ? มาจากประสบการณ์การใช้งานส่วนหลังของฉันสิ่งนี้ไม่สมเหตุสมผลสำหรับฉัน เหตุใดจึงเป็นเช่นนั้นสำหรับ CSS / SVG

63 coding-style  code-quality  css  clean-code  svg 

ฉันกำลังพยายามหาคำถามสัมภาษณ์ที่ดีเพื่อประเมินความสามารถของผู้คนที่เข้ามาทำงาน Html / CSS อย่างไรก็ตามหัวข้อนั้นกว้างมากและฉันไม่แน่ใจว่าคำถามประเภทใดที่ฉันสามารถขอให้ประเมิน HTML / ความรู้ CSS ฉันสามารถถามคำถามประเภทใดเพื่อประเมินความสามารถของ Html / CSS ของผู้สมัครระหว่างการสัมภาษณ์ เป็นการดีที่ฉันต้องการถามคำถามสองสามข้อแล้วให้สถานการณ์ในชีวิตจริงแก่พวกเขาเพื่อต่อสู้

44 web-development  html  css 

บอกว่าฉันมีเว็บแอปที่ใช้ jQuery เป็นการดีกว่าถ้าจะโฮสต์ไฟล์ javascript ที่จำเป็นในเซิร์ฟเวอร์ของฉันพร้อมกับไฟล์เว็บไซต์ของฉันหรืออ้างอิงกับ CDN ของ jQuery (ตัวอย่าง: http://code.jquery.com/jquery-1.7.1.min.js ) ? ฉันเห็นข้อดีทั้งสองด้าน: ถ้าอยู่บนเซิร์ฟเวอร์ของฉันนั่นคือการพึ่งพาจากภายนอกน้อยกว่า ถ้า jQuery ลงหรือเปลี่ยนโครงสร้างการโฮสต์หรืออะไรทำนองนั้นแอพของฉันก็จะแตก แต่ฉันรู้สึกว่ามันจะไม่เกิดขึ้นบ่อยครั้ง ต้องมีไซต์เล็ก ๆ จำนวนมากในการดำเนินการนี้และทีม jQuery จะต้องการหลีกเลี่ยงการทำลายไซต์เหล่านั้น ถ้าอยู่บนเซิร์ฟเวอร์ของฉันนั่นเป็นข้อมูลอ้างอิงภายนอกที่น้อยกว่าที่ใครบางคนสามารถเรียกได้ว่าเป็นปัญหาด้านความปลอดภัย หากมีการอ้างอิงจากภายนอกฉันไม่ต้องกังวลเกี่ยวกับแบนด์วิดท์เพื่อให้บริการไฟล์ (แม้ว่าฉันรู้ว่ามันไม่มาก หากมีการอ้างอิงจากภายนอกและฉันกำลังปรับใช้เว็บไซต์นี้ไปยังเซิร์ฟเวอร์จำนวนมากที่ต้องมีสำเนาของไฟล์ทั้งหมดของตัวเองแล้วมันเป็นไฟล์ที่น้อยกว่าที่ฉันต้องจำไว้เพื่อคัดลอก / อัปเดต

42 web-development  javascript  css 

เวิร์กโฟลว์ที่แนะนำคืออะไรในการเรียนรู้ HTML5 ฉันควรติดตั้งเครื่องมืออะไร SDK อะไร จะเริ่มที่ไหนดี วิธีทดสอบ วิธีแก้ปัญหา? ฉันจะอ่านอะไร ฉันเข้าใจว่าสิ่งที่มักถูกระบุว่าเป็น "การพัฒนา HTML5" นั้นอันที่จริงแล้วเป็นการผสมผสานระหว่าง HTML, CSS, JS และอื่น ๆ แต่ฉันไม่เชื่อว่าโครงการขนาดใหญ่จะได้รับการพัฒนาใน Notepad นั่นคือเหตุผลที่ฉันขอให้คุณเปิดเผยเคล็ดลับและกลเม็ดของคุณเกี่ยวกับขั้นตอนการทำงานของคุณ

42 javascript  html  css  ajax  html5 

เมื่อเร็ว ๆ นี้เราได้ทำงานร่วมกับนักออกแบบกราฟิก (จัดโดยลูกค้า) เพื่อจัดหาสกินสำหรับแอปพลิเคชัน Django + Bootstrap ที่เราสร้างขึ้น ผู้ออกแบบได้จัดเตรียมรูปภาพสแตติกของเลย์เอาต์ใหม่พร้อมกับเอกสารที่อธิบายถึงคุณลักษณะทางเทคนิคบางอย่าง (ขนาดตัวอักษรสีมิติต่างๆเป็นต้น) มันกลับกลายเป็นเสียเวลาอย่างไม่น่าเชื่อที่จะใช้สิ่งนี้ แม้ว่าไซต์ทั้งหมดจะเป็นหน้าแรกหน้าดัชนีและหน้ารายละเอียดครึ่งโหล แต่ฉันใช้เวลาอย่างน้อย 5 วันในการปรับใช้ CSS และ HTML การเปลี่ยนแปลง ดังนั้นฉันจะออกไปบนกิ่งไม้และเรียกสิ่งนี้ผิดวิธี วิธีการพื้นฐานของฉันคือ: เปรียบเทียบภาพนิ่งและการเรนเดอร์ปัจจุบันและสังเกตเห็นความแตกต่าง คาดเดาสิ่งที่การเปลี่ยนแปลงจะต้องมีใน CSS / HTML ทำการเปลี่ยนแปลงนั้น ไปที่ขั้นตอนที่ 1 ปัญหาเฉพาะบางอย่างคือฉันไม่เข้าใจว่าการออกแบบรวมการเปลี่ยนแปลงจาก 8 คอลัมน์เป็น 12 รูปภาพบางรูปที่ให้ในรูปแบบที่ไม่ถูกต้อง (.png's สามารถแสดงผลแตกต่างกันในเบราว์เซอร์ / แพลตฟอร์มที่แตกต่างกัน) CSS มวยปล้ำตามปกติเพื่อให้ได้การเรนเดอร์พิกเซลที่สมบูรณ์แบบเป็นต้นและบางครั้งฉันก็ต้องจัดเทมเพลต HTML ใหม่เพื่อให้ได้พฤติกรรมที่แน่นอน วิธีที่ถูกต้องคืออะไร?

41 design  web-development  css  gui  graphics 

เราเชื่อมไฟล์ CSS และ JavaScript เข้าด้วยกันเพื่อลดจำนวนคำขอ HTTP ซึ่งช่วยเพิ่มประสิทธิภาพ ผลที่ได้คือ HTML ดังนี้ <link rel="stylesheet" href="all-my-css-0fn392nf.min.css"> <!-- later... --> <script src="all-my-js-0fn392nf.min.js"></script> หากเรามีตรรกะฝั่งเซิร์ฟเวอร์ / บิลด์เพื่อทำสิ่งนี้ให้กับเราทำไมไม่ลองอีกขั้นหนึ่งแล้วฝังสไตล์และสคริปต์ที่ต่อกันเหล่านั้นลงใน HTML <style>.all{width:100%;}.my{display:none;}.css{color:white;}</style> <!-- later... --> <script>var all, my, js;</script> นั่นเป็นคำขอ HTTP ที่น้อยลงสองคำขอ แต่ฉันไม่เคยเห็นเทคนิคนี้มาก่อน ทำไมจะไม่ล่ะ?

41 javascript  html  css  front-end 

ฉันพยายามค้นคว้าเกี่ยวกับ css preprocessors เหล่านี้ มีข้อดีของการใช้ sass น้อยกว่าในฐานะ preprocessor css หรือไม่ ปัจจัยที่ฉันกำลังมองหารวมถึงขนาดชุมชนการกำหนดโครงการซอฟต์แวร์ ฯลฯ ฉันรู้ว่ามีคำถามอื่นที่เกี่ยวข้องกับเรื่องนี้ แต่มันไม่ได้เขียนและปิดอย่างสร้างสรรค์ ปรับปรุง ดูเหมือนว่าbootstrap ตอนนี้ผ่านไปแล้วเพื่อใช้ Sass

36 css  less 

เป็นเรื่องธรรมดามากที่จะเห็น Javascript ผูกกับตัวเลือกบางตัวเพื่อค้นหาองค์ประกอบจัดเก็บข้อมูลและฟังเหตุการณ์ เป็นเรื่องปกติที่จะเห็นตัวเลือกเดียวกันนี้ที่ใช้ในการจัดแต่งทรงผม jQuery (และเครื่องมือเลือก Sizzle) สนับสนุนและส่งเสริมสิ่งนี้โดยอ้างอิงองค์ประกอบที่มีไวยากรณ์ประเภท CSS ดังนั้นเทคนิคนี้จึงยากที่จะ 'ไม่เข้าใจ' (หรือ refactor) เมื่อสร้างโครงการ ฉันมาทำความเข้าใจว่านี่เป็นผลมาจากประวัติของการพัฒนา HTML และ Javascript และเบราว์เซอร์นั้นถูกสร้างขึ้นเพื่อใช้ / แยกวิเคราะห์อย่างมีประสิทธิภาพและแสดงการเชื่อมต่อแบบนี้ แต่เมื่อเว็บไซต์มีความซับซ้อนมากขึ้นความเป็นจริงนี้อาจทำให้เกิดความยุ่งยากในการจัดระเบียบและบำรุงรักษาเลเยอร์แยกเหล่านี้ คำถามของฉันคือ: สามารถและควรหลีกเลี่ยงในเว็บไซต์ทันสมัยหรือไม่ ถ้าฉันยังใหม่ต่อการพัฒนา Front-end และฉันต้องการเรียนรู้สิ่งที่ 'ถูกวิธี' มันคุ้มค่าที่จะเรียนรู้ที่จะแยกและหลีกเลี่ยงการพึ่งพาเช่นนั้นตั้งแต่เริ่มต้น? นี่หมายถึงการหลีกเลี่ยง jQuery ในความโปรดปรานของห้องสมุดที่ส่งเสริมโครงสร้างที่แยกออกจากกันมากขึ้นหรือไม่?

29 javascript  html  css  jquery 

มีการเปรียบเทียบจำนวนมากสำหรับการพัฒนา HTML / CSS ซึ่งอาจสับสนเล็กน้อยสำหรับผู้เริ่มต้น HTML = มูลนิธิ / บ้าน CSS = ผนัง / พิมพ์เขียว / วอลล์เปเปอร์ มีวิธีปฏิบัติที่ดีที่สุดที่นี่หรือไม่? เราควรเขียนอันไหนก่อน

28 coding-style  html  css 

คำถาม: สิ่งที่ต้องคำนึงถึงในทางปฏิบัติสำหรับไวยากรณ์classและidค่าคืออะไร? โปรดทราบว่าฉันไม่ได้ถามเกี่ยวกับความหมายเช่นคำที่ใช้จริงเช่นตามที่อธิบายไว้ในบล็อกนี้ มีทรัพยากรมากมายที่ด้านข้างของอนุสัญญาการตั้งชื่อแล้วในความเป็นจริงบดบังการค้นหาของฉันสำหรับข้อมูลที่เป็นประโยชน์ในบิตเกี่ยวกับการสร้างประโยคต่าง ๆ: ปลอกใช้ interpunction (เฉพาะ-เส้นประ) อักขระเฉพาะที่จะใช้หรือหลีกเลี่ยง ฯลฯ เพื่อสรุปเหตุผลที่ฉันถามคำถามนี้: ข้อ จำกัดในการตั้งชื่อไอดีและคลาสไม่ได้นำไปสู่การประชุมใด ๆ ความอุดมสมบูรณ์ของทรัพยากรทางด้านความหมายของอนุสัญญาการตั้งชื่อปิดบังการค้นหาข้อควรพิจารณาทางวากยสัมพันธ์ ฉันไม่พบแหล่งข้อมูลที่เชื่อถือได้เกี่ยวกับเรื่องนี้ ยังไม่มีคำถามเกี่ยวกับ SE โปรแกรมเมอร์ในหัวข้อนี้ :) อนุสัญญาบางข้อที่ฉันได้พิจารณาแล้วว่าใช้: UpperCamelCaseส่วนใหญ่เป็นนิสัยการข้ามจากการเข้ารหัสฝั่งเซิร์ฟเวอร์ lowerCamelCaseเพื่อความสอดคล้องกับข้อกำหนดการตั้งชื่อ JavaScript css-style-classesซึ่งสอดคล้องกับการตั้งชื่อคุณสมบัติ css (แต่อาจน่ารำคาญเมื่อ Ctrl + Shift + ArrowKey เลือกข้อความ) with_under_scoresซึ่งโดยส่วนตัวฉันไม่ได้เห็นใช้มากนัก alllowercaseง่ายต่อการจดจำ แต่อาจอ่านยากสำหรับชื่อที่ยาวขึ้น UPPERCASEFTWเป็นวิธีที่ดีในการรบกวนโปรแกรมเมอร์เพื่อนของคุณ (อาจรวมกับตัวเลือก 4 สำหรับการอ่าน) และอาจเป็นไปได้ว่าฉันไม่มีตัวเลือกหรือชุดค่าผสมที่สำคัญ ดังนั้น: มีข้อควรพิจารณาอะไรบ้างในการตั้งชื่ออนุสัญญา

28 coding-style  naming  html  coding-standards  css 

เพื่อนร่วมงานของฉันกำลังผลักดันวิธีการ BEM ( Block Element Modifier ) สำหรับ CSS ในโครงการที่เขากำลังช่วยเหลือและฉันไม่สามารถเข้าใจได้ว่าอะไรทำให้ดีกว่า LESS CSS ที่เราเขียนมาหลายปี เขาอ้างว่า "ประสิทธิภาพที่สูงขึ้น" แต่ฉันไม่สามารถจินตนาการได้ว่าประสิทธิภาพจะมีความสำคัญต่อแอพพลิเคชั่นบนเว็บชนิดใดที่เราเขียนในร้านรหัสนี้ เราไม่ได้สร้าง Twitter หรือ Facebook ที่นี่ ฉันจะแปลกใจมากถ้าแอปที่ใช้งานสูงสุดของเรามียอดดาวน์โหลดมากกว่า 10,000 ครั้งต่อเดือนและส่วนใหญ่ต่ำกว่า 1,000 รายการ เขาอ้างว่า "อ่านง่าย" และ "นำกลับมาใช้ใหม่" แต่ LESS นั้นทำได้ดีกว่ามากในความคิดของฉัน และฉันรู้สึกว่า BEM จะทำให้การอัปเดตเป็นไปอย่างไม่ดีนักโดยมีอักขระพิเศษหลายสิบตัวที่อุทิศให้กับชื่อคลาสที่ยาวมากเหล่านี้ซึ่งมันลดการอ่านได้อย่างรุนแรง เขาอ้างว่า "CSS ที่ซ้อนกันเป็นรูปแบบต่อต้าน" "anti-pattern" หมายถึงอะไรและทำไม CSS ที่ซ้อนกันไม่ดี? เขาอ้างว่า "ทุกคนกำลังมุ่งสู่การใช้ BEM ดังนั้นเราควรทำเช่นกัน" เคาน์เตอร์ของฉันคือ "ถ้าทุกคนกระโดดจากสะพานคุณจะติดตามหรือไม่" แต่เขาก็ยังยืนกรานอย่างเต็มที่ในเรื่องนี้ …

27 css  less 

วันนี้ปัญหาของInternet Explorer Box Modelส่วนใหญ่ไม่ใช่ปัญหา นักพัฒนาเว็บส่วนใหญ่วาง<!DOCTYPE>แท็กเพื่อบังคับใช้การปฏิบัติตามมาตรฐานและไม่มีใครสนใจเรื่องการสนับสนุน Internet Explorer 5.5 อีกต่อไป อย่างไรก็ตามนักพัฒนาซอฟต์แวร์บางรายเกิดข้อโต้แย้งเชิงแนวคิดในการป้องกันโมเดลกล่อง IE พวกเขาอ้างว่าโมเดลกล่อง IE นั้น "ใช้งานง่าย" มากกว่ารุ่น W3C เนื่องจากรุ่น W3C วัดเนื้อหาของกล่องในขณะที่รุ่น IE วัดขนาดกล่องเอง: ฉันสามารถเห็นมุมมองของพวกเขา แต่โดยพื้นฐานแล้วมันเป็นข้อโต้แย้งส่วนตัวและสิ่งที่สำคัญที่สุดคือการปฏิบัติตามมาตรฐาน อย่างไรก็ตามเมื่อเร็ว ๆ นี้ผมได้มาชอบรูปแบบกล่อง IE ที่จริงจังในทางปฏิบัติด้วยเหตุผล รูปแบบกล่อง W3C ทำให้ยากต่อการปรับขนาดองค์ประกอบให้มีความกว้างพิกเซลบนหน้าจอที่แน่นอนขององค์ประกอบอื่น เหตุผลก็คือstyle.widthคุณสมบัติขององค์ประกอบไม่ได้คำนึงถึงขนาดบนหน้าจอทั้งหมดขององค์ประกอบ: คุณต้องคำนึงถึงเส้นขอบและช่องว่างภายในเพิ่มเติมด้วย นี่ไม่ใช่ปัญหาหากองค์ประกอบทั้งสองใช้คลาส CSS เดียวกัน แต่ถ้ามีคลาส CSS ที่แตกต่างกันสิ่งนี้อาจท้าทายอย่างไม่น่าเชื่อ สมมติว่าเรามีสอง divs: A และ B A นั้นเป็นรหัสที่ยากใน html เป็น 400px …

25 javascript  html  css  internet-explorer  w3c 

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดให้บริการใน5 ปีที่ผ่านมา เมื่อเร็ว ๆ นี้ฉันได้ทำโครงการด้านเว็บผ่านคำแนะนำแบบปากต่อปากเท่านั้น แม้ว่าฉันจะเป็นโปรแกรมเมอร์มากกว่านักออกแบบ แต่ทักษะการออกแบบของฉันก็ไม่ได้แย่มากและไม่เกลียดการจัดการกับ UI เช่นโปรแกรมเมอร์จำนวนมาก เป็นผลให้ฉันพบว่าตัวเองถูกล่อลวงเข้าสู่โปรเจ็กต์ด้านข้างซึ่งนอกเหนือจาก back back ที่น้อยที่สุดสำหรับการจัดการเนื้อหาส่วนใหญ่ของการเขียนโปรแกรมอยู่บนอินเตอร์เฟสส่วนหน้า (อ่าน javascript / css) ความยุ่งยากที่ยิ่งใหญ่ที่สุดที่ฉันมีคือการโน้มน้าวใจลูกค้าว่าพวกเขาไม่ต้องการใช้ Flash นอกเหนือจากความจริงที่ว่าฉันไม่ชอบ "การพัฒนา" ของ Flash จริงๆมีเหตุผลหลายประการที่ทำให้ Flash ไม่เป็นที่ต้องการ (ขาดความเข้ากันได้ระหว่างอุปกรณ์ลดการเข้าถึงลูกค้าลดความต้องการปลั๊กอินเวลาในการพัฒนาเพิ่มขึ้น ฯลฯ ) แทนที่จะบอกให้ลูกค้าฟังว่า "ฉันจะไม่สร้างเว็บไซต์แฟลชให้คุณ" ฉันอยากจะใช้กลวิธีเพื่อโน้มน้าว / อธิบายให้พวกเขาฟังว่านี่ไม่ใช่สิ่งที่พวกเขาต้องการจริงๆเช่น: ตอบสนองความต้องการของพวกเขาได้ดีกว่า HTML มาตรฐาน / css / js และกวนใจผู้ใช้จากเนื้อหาของพวกเขา คนแรกมีประสบการณ์แบบไหนกันกับเรื่องนี้? คุณอธิบายให้คนอื่นเห็นว่า javascript …

21 javascript  html  css  ajax  flash 

ต้องการปรับปรุงโพสต์นี้หรือไม่? ให้คำตอบโดยละเอียดสำหรับคำถามนี้รวมถึงการอ้างอิงและคำอธิบายว่าทำไมคำตอบของคุณถึงถูกต้อง คำตอบที่ไม่มีรายละเอียดเพียงพออาจแก้ไขหรือลบออกได้ เป็นการยากที่จะบอกสิ่งที่ถูกถามที่นี่ คำถามนี้คลุมเครือคลุมเครือไม่สมบูรณ์กว้างเกินไปหรือโวหารและไม่สามารถตอบได้อย่างสมเหตุสมผลในรูปแบบปัจจุบัน สำหรับความช่วยเหลือในการทำความเข้าใจคำถามนี้เพื่อที่จะสามารถเปิด, ไปที่ศูนย์ช่วยเหลือ ปิดให้บริการใน7 ปีที่ผ่านมา มีผู้ใช้อยู่หรือไม่หรือแม้แต่แค่ความพยายามในการสร้างมาร์กอัปหรือนิพจน์แบบเป็นโปรแกรมสำหรับการออกแบบเลย์เอาท์ของเว็บไซต์อื่นที่ไม่ใช่ HTML / CSS? หากมีคนอื่นออกมีและพวกเขาดูเหมือนจะไม่ใช้งานหนัก ทำไมนี้

20 design  web-development  html  css