คำถามที่หนึ่ง
Russ: หนังสือเล่มใหม่ของคุณฉบับที่สอง "Cascading Style Sheets: The Definitive Guide" เพิ่งเขียนขึ้น ก่อนที่เราจะลงรายละเอียดเกี่ยวกับหนังสือเล่มนี้ ฉันอยากจะถาม: คุณตีพิมพ์หนังสือไปแล้วกี่เล่ม? ฉันสาบานว่าห้องสมุดท้องถิ่นของฉันมีหมวดหมู่สำหรับหนังสือของคุณโดยเฉพาะ
Eric: ไม่ ไม่ ทั้งหมดนี้เป็นหนังสือของ Molly Holzschlag และฉันก็เป็นเหมือนตัวประกอบ ฉันเขียนหนังสือมา 5 เล่ม เล่มหนึ่งเป็นฉบับย่อ ซึ่งฉันเดาว่าอาจเข้าข่ายเป็นหนังสือหรือไม่ก็ได้ (ภรรยาของฉันยืนยันว่าเป็นเช่นนั้น) เล่มแรกคือ "The Definitive Guide to CSS" หากฉบับที่สองนี้ถือเป็นฉบับแยกเดี่ยว แสดงว่าฉันมีหนังสือ 6 เล่ม โดยส่วนตัวแล้วฉันคิดว่าฉบับพิมพ์ครั้งที่สองนี้ถือเป็นเล่มเพราะปริมาณงานเทียบเท่ากับการเขียนหนังสือเล่มใหม่
คำถามที่ 2
Russ: มีการเพิ่มหรืออัปเดตเนื้อหาใดบ้างใน Definitive Guide ใหม่เมื่อเปรียบเทียบกับฉบับพิมพ์ครั้งแรก
เอริค: เกือบทุกอย่างได้รับการอัปเดตแล้ว สิ่งเดียวที่ไม่จำเป็นต้องเปลี่ยนแปลงคือบทแรกและบทเกี่ยวกับแบบอักษร เนื้อหาที่เหลือได้รับการอัปเดตเป็นส่วนใหญ่หรือทั้งหมด การจัดเรียงบทดั้งเดิมจะถูกทำลายและจัดเรียงใหม่ในสถานะข้อความ ตัวอย่างเช่น: ในฉบับพิมพ์ครั้งแรกมีบท "ลอยอยู่ในการจัดรูปแบบภาพ" และ "การวางตำแหน่งมีของตัวเอง" ในฉบับพิมพ์ใหม่ฉันได้รวมบทเหล่านั้นเป็นบทเดียวและเขียนบทการจัดรูปแบบส่วนใหญ่ใหม่ ในทำนองเดียวกัน "the bit about items" ถูกย้ายไปยังบทดั้งเดิมและมีการเพิ่มเนื้อหาจำนวนมาก มีสามบทใหม่ล่าสุด: เค้าโครงตาราง, สไตล์ส่วนต่อประสานกับผู้ใช้ และสื่อที่ไม่ใช่หน้าจอ
คำถามที่สาม
Russ: ฉันได้ยินข่าวลือว่า "Eric Meyer บน CSS" ของคุณมีเวอร์ชันใหม่ด้วย เวอร์ชันใหม่มีวิธีการออกแบบกี่วิธี
เอริค: ข่าวลือนั้นเป็นเรื่องจริง เราตั้งชื่อมันว่า "เป็นอัจฉริยะด้านการสร้างสรรค์อันน่าทึ่ง 'More Eric Meyer on CSS' " มีการปรับปรุงบางอย่างจากเวอร์ชันแรก แต่ก็ไม่มากนัก ที่ผมอยากจะบอกก็คือว่าหนังสือทั้งสองเล่มนี้ไม่เกี่ยวกันทั้งก่อนและหลังครับ ไม่จำเป็นต้องอ่านฉบับพิมพ์ครั้งแรกสำหรับฉบับพิมพ์ครั้งที่สอง (แม้ว่าคุณจะเป็นเจ้าของทั้งสองเล่มก็ตาม) ผู้อ่านฉบับพิมพ์ครั้งแรกสามารถจำได้ว่าวิธีการออกแบบฉบับแรก วิธีแปลงเค้าโครงที่ขับเคลื่อนด้วยตารางให้เป็นตารางและ CSS อย่างง่าย ในหนังสือเล่มใหม่ วิธีการออกแบบแรกคือการแปลงหน้าที่เกี่ยวข้องซึ่งออกแบบให้มีเฉพาะโลโก้ HTML และ GIF เปล่าให้เป็นหน้าที่ใช้ CSS ล้วนๆ เพื่อแทนที่เค้าโครงตาราง
ในทำนองเดียวกัน มีวิธีการออกแบบหลายวิธี เช่น: หลายวิธีในการแสดงสไตล์แกลเลอรีรูปภาพ การใช้ข้อมูลแบบตารางเพื่อให้ได้รายงานทางการเงินที่เรียบร้อย และใช้เค้าโครงพื้นหลังเพื่อให้ได้เอฟเฟกต์โปร่งแสงในเบราว์เซอร์หลายตัว รวมถึง IE/Win ตรงกลาง
มีวิธีการออกแบบสำหรับการแสดงรายการสามระดับ รวมถึงการซ้อนรายการและวิธีการแปลงเป็นเมนู "แบบเลื่อนลง" และสามารถทำงานได้บนเบราว์เซอร์ส่วนใหญ่ (รวมถึง IE/Win) เช่นเดียวกับประตูบานเลื่อนของ Doug Bowman (เลื่อน ประตู) เทคโนโลยีก็ดีไม่แพ้กัน
นอกเหนือจากที่กล่าวมาข้างต้นแล้ว ยังมีวิธีการแบบผสมผสานในการแก้ปัญหารูปแบบการเข้าสู่เว็บบล็อกอีกด้วย วิธีสุดท้ายในหนังสือเล่มนี้คือนำการออกแบบแบบสุ่มจาก CSS Zen Garden (สร้างโดย Dave) มาปรับใช้ใน CSS โดยพื้นฐานแล้ว Dave ให้ไฟล์ออกแบบ Photoshop แก่ฉัน และฉันก็ตัดมันออกเป็นชิ้น ๆ ที่ฉันต้องการและทำให้มันทำงานกับ CSS ได้ ด้วยวิธีนี้คุณจะเห็นกระบวนการทั้งหมดตั้งแต่การออกแบบไปจนถึงโค้ดขั้นสุดท้าย ฉันยังพิจารณาใช้รูปภาพ PNG ซึ่งจะไม่ดูน่าเกลียดใน IE/win
คำถามที่ 4
Russ: เมื่อสองปีที่แล้ว CSS ไม่ค่อยมีใครพูดถึง ตอนนี้ดูเหมือนว่าจะถูกพูดถึงทุกที่! คุณคิดว่าคุณได้ช่วยเปลี่ยนมันไปสู่จิตสำนึกกระแสหลักหรือไม่?
เอริค: มันเป็นเรื่องปกติจริงๆ ประการแรก IE6 เริ่มรองรับสวิตช์ DOCTYPE และประกาศในภายหลังว่าจะไม่เปิดตัว IE เวอร์ชันใหม่อีกต่อไป ทำให้ทุกคนรู้สึกมั่นคง ประการที่สอง นักออกแบบมีเวลาเพียงพอในการอ่านหนังสือและบทช่วยสอน และทดลองใช้ CSS บนไซต์ของตนเอง ในบริบทนี้ มีไซต์การออกแบบที่ยอดเยี่ยมจำนวนหนึ่งเกิดขึ้น ประการที่สาม ฉันคิดว่าเป็นเพราะเมื่อศิลปะการออกแบบก้าวหน้า นักออกแบบเว็บไซต์ (เช่น Doug Bowman, Dave Shea และ Jeffrey Zeldman) ที่มีอัจฉริยะด้านการออกแบบและเข้าใจถึงประโยชน์ของ CSS อย่างแท้จริงได้ผลักดันสิ่งต่าง ๆ ไปข้างหน้า การออกแบบเว็บไซต์นิตยสาร Wired ใหม่, CSS Zen Garden และเว็บไซต์อื่นๆ เริ่มนำเสนอการออกแบบที่ขับเคลื่อนด้วย CSS ซึ่งไม่เพียงแต่ใช้งานได้ดี แต่ยังดูสวยงามและน่าทึ่งอีกด้วย
ทรัพยากรที่ใช้งานได้จริงและง่ายต่อการปฏิบัติตามจำนวนมากขึ้น (เช่น Listutorial และ Floatutorial) ก็มีบทบาทสำคัญเช่นกัน และอื่นๆ
คำถามที่ 5 Russ: สำหรับนักออกแบบและนักพัฒนาที่เพิ่งเริ่มสัมผัสและใช้มาตรฐานเว็บ ด้านใดของ CSS ที่สำคัญที่สุด
เอริค:สิ่งที่สำคัญที่สุดเหรอ? ฉันจะต้องบอกว่าส่วนที่เรียงซ้อน ไม่ใช่แค่น้ำตกเท่านั้น แต่ยังรวมถึงมรดก ความเฉพาะเจาะจง และโครงสร้างตัวเลือกด้วย เมื่อคุณเข้าใจแล้ว ที่เหลือก็เป็นเพียงเรื่องของรายละเอียดเท่านั้น
ต่อไป ฉันคิดว่าความเข้าใจอย่างถ่องแท้เกี่ยวกับเอฟเฟ็กต์ภาพ รวมถึงบล็อกและอินไลน์ก็มีความสำคัญเช่นกัน หากคุณรู้ว่าการออกแบบของคุณจะเป็นอย่างไร คุณสามารถหลีกเลี่ยงเรื่องปวดหัวได้มากมาย (CSS ไม่ได้ทำงานตามที่คาดหวัง) เช่นเดียวกับหลายๆ ภาษา CSS ก็มีกฎของตัวเอง และการเพิกเฉยต่อสิ่งเหล่านี้จะนำไปสู่ความสับสนวุ่นวาย
คำถามที่หก
Russ: ในช่วง 12 เดือนที่ผ่านมา มีการนำเทคโนโลยีการเปลี่ยนรูปภาพมาใช้ ความรู้สึกโดยรวมของคุณเกี่ยวกับเรื่องนี้เป็นอย่างไร? ถ้าต้องใช้จะใช้รุ่นไหนครับ?
เอริค: ฉันชอบวิธี CSS3 มากกว่า: แทนที่เนื้อหาด้วยคุณสมบัติ 'เนื้อหา' นี่เป็นน้ำหนักเบาและไม่แฮ็กเท่าที่จะเป็นไปได้ นี่เป็นวิธีการภายใต้สถานการณ์การสนับสนุนต่ำในปัจจุบัน เนื่องจากปัจจุบันมีเพียง Opera เท่านั้นที่รองรับการเปลี่ยนรูปภาพ
นอกจากนี้ฉันพบว่าเทคโนโลยีการเปลี่ยนรูปภาพมีทั้งข้อดีและข้อเสีย ข้อดีคือ ทำให้ข้อความบางส่วนดูสวยงาม และข้อเสียคือสร้างปัญหาการใช้งานให้กับเครื่องอ่านเสียง จริงๆ แล้วปัญหาที่แท้จริงอยู่ที่ตัวผู้อ่านเอง พวกเขาพยายามแสดงหน้าจริงและผลการอ่าน แต่พวกเขากำลังทำสิ่งที่ผิดทุกประการ หากเพจถูกตั้งค่าเป็นสไตล์หน้าจอขนาดกลาง เบราว์เซอร์จะเพิกเฉยต่อสไตล์เหล่านั้นโดยสิ้นเชิง เว้นแต่เบราว์เซอร์ส่วนใหญ่จะได้รับการซ่อมแซม
คำถามที่ 7
Russ: ดูเหมือนว่าการเอ่ยถึง "ขนาดตัวอักษร" เพียงอย่างเดียวจะจุดชนวนให้เกิดการถกเถียงเรื่อง CSS ซึ่งเป็นสงครามระหว่างผู้เชี่ยวชาญด้านแบบอักษรและนักออกแบบเว็บไซต์ คุณคิดว่ามีวิธีแก้ปัญหาที่เหมาะกับผู้ใช้ทุกคนหรือไม่?
เอริค: ไม่ แม้ว่าฉันหวังว่าจะมีวิธีอื่น แต่ฉันก็ไม่ทำ การตั้งค่าแบบอักษรแต่ละวิธีมีข้อดีและข้อเสีย สิ่งที่ดีที่สุดที่คุณสามารถทำได้คือค้นหาวิธีการที่ดีที่สุดก่อนและมีแนวโน้มที่จะเปลี่ยนแปลงน้อยที่สุดในอนาคต และจำเป็นต้องทำในกระบวนการออกแบบทีละการออกแบบอย่างต่อเนื่อง เป้าหมายของนักออกแบบคือการควบคุมแบบอักษรของข้อความเป็นพิกเซลเพื่อให้ได้ประสิทธิภาพที่ดีที่สุด แม้ว่าการใช้ ems หรือคำหลัก (เช่น x-small) จะให้ผลลัพธ์ที่ดีกว่าก็ตาม ทุกครั้งที่มีคนบอกคุณว่ามีวิธีกำหนดขนาดตัวอักษรของคุณให้พอดีกับทุกไซต์ พวกเขาเพียงแต่บอกคุณเป็นหลักการ ไม่ใช่วิธีแก้ปัญหา
คำถามที่ 8
Russ: มีคำถามที่เป็นที่ถกเถียงกันมาตลอด คุณคิดอย่างไรกับการแฮ็ก CSS
เอริค: หลีกเลี่ยงไม่ได้ที่วันหนึ่งเบราว์เซอร์ของเราสามารถรองรับและดำเนินการ CSS ได้อย่างสมบูรณ์แบบ และนั่นคือจุดที่การแฮ็ก CSS หยุดลง ถึงตอนนั้นเราจะยึดติดกับมัน เพื่อชี้ให้เห็นว่า ฉันหมายถึงสิ่งนี้สำหรับการแฮ็กทั้งหมด ไม่ว่าจะเป็นสำหรับ CSS หรือสิ่งอื่น ๆ เช่น ความคิดเห็นแบบมีเงื่อนไขของ Microsoft
คำถามที่ 9
Russ: คุณคิดว่าเมื่อตลาดเบราว์เซอร์พร้อมสำหรับ CSS3 มันจะเข้าสู่ยุคใหม่ จำไทม์ไลน์ของระบบปฏิบัติการ Longhorn ของ Microsoft ได้ไหม
เอริค: ฉันก็คิดอย่างนั้น อย่างไรก็ตาม ตามคำแถลงนี้ ดูเหมือนว่าการสนับสนุนสื่อภาพ CSS2 (สื่อภาพ) อย่างเต็มรูปแบบจะเสร็จสิ้นแล้วตั้งแต่ต้นปี 2546 บันทึกคำทำนายของฉันแย่กว่าคนอื่นมาโดยตลอด และอาจไม่เหมาะกับแผนระยะยาว
คำถามที่สิบ
Russ: คำถามสุดท้าย มีนักออกแบบเว็บไซต์เข้าร่วมกลุ่ม CSS2 มากขึ้นเรื่อยๆ คุณคิดว่าความซับซ้อนของ CSS3 จะลดความน่าสนใจลง หรือแม้แต่ทำให้นักออกแบบบางคนที่กลัวว่าจะเลิกใช้ CSS ไปเลยหรือไม่
เอริค: มันแย่ยิ่งกว่านั้นอีก นักออกแบบเว็บไซต์ส่วนใหญ่เรียนรู้เพียงบางส่วนของ CSS2 โดยไม่เข้าใจสาระสำคัญของมันอย่างแท้จริง
อะไรก็เกิดขึ้นได้ ราวกับว่ามีนักออกแบบที่ถูกข่มขู่ด้วย "ความซับซ้อน" ของ CSS1 (เทียบกับความรู้ของพวกเขา)
ข้อดีอย่างหนึ่งเกี่ยวกับ CSS3 ก็คือมันแยกและรวมเข้ากับโมดูล ดังนั้นคุณจึงสามารถเพิกเฉยต่อส่วนที่คุณไม่สนใจและมุ่งเน้นไปที่ส่วนที่คุณต้องการทราบได้ หากคุณต้องการเจาะลึกสไตล์การพิมพ์จริงๆ คุณสามารถอ่านโมดูลการพิมพ์เพื่อเรียนรู้เกี่ยวกับเรื่องนี้ได้ หากข้อกังวลของคุณคือการทำให้เป็นสากล คุณจะพบกับโมดูล I18N ซึ่งมีบางส่วนที่ทุกคนจำเป็นต้องรู้ (เช่น ตัวเลือกและน้ำตก) แต่แล้ว เมื่อรวมกับความสนใจของคุณแล้ว คุณยังต้องอ่านแผ่นข้อมูลจำเพาะขนาดใหญ่อีกด้วย