บทความฉบับแก้ไขนี้ปรากฏครั้งแรกในนิตยสาร. net ฉบับที่ 225 ซึ่งเป็นนิตยสารที่ขายดีที่สุดในโลกสำหรับนักออกแบบและพัฒนาเว็บไซต์
@twostepmedia: การยกของหนักควรทำที่ไหนในหน้าเว็บ? ในส่วนหน้าหรือในแบ็กเอนด์?
Lea Verou: ฉันเป็นผู้สนับสนุนอย่างมากในการทำทุกอย่างที่คุณทำได้กับลูกค้า เมื่อโค้ดของคุณทำงานบนไคลเอนต์จะต้องจัดการกับเครื่องเดียวเสมอไม่ว่าโปรเจ็กต์ของคุณจะประสบความสำเร็จแค่ไหนก็ตาม
ทุกสิ่งที่คุณเขียนบนเซิร์ฟเวอร์อาจต้องทำงานหลายพันครั้งต่อวินาทีหากโปรเจ็กต์ของคุณประสบความสำเร็จดังนั้นการดูแลและขยายมันจะกลายเป็นเรื่องที่ท้าทายมากขึ้นเรื่อย ๆ เมื่อไซต์ของคุณเติบโตขึ้น ไม่ต้องพูดถึงค่าใช้จ่ายในการโฮสต์ที่เพิ่มขึ้นซึ่งแทบจะไม่สามารถครอบคลุมได้ทั้งหมดจากรายได้ของเว็บไซต์ แน่นอนว่าตรรกะฝั่งไคลเอ็นต์จำนวนมากสามารถทำให้ไซต์โหลดได้ช้า แต่เรามีเครื่องมือที่จะหลีกเลี่ยงสิ่งนั้นเช่น gzipping และ obsfucation และที่สำคัญที่สุดคือขี้เกียจโหลด
@komiska: งานของคุณยอดเยี่ยมมาก! ใครเป็นแรงบันดาลใจให้คุณเดินตามเส้นทางเทคโนโลยี
LV: ขอบคุณ! ฉันไม่คิดว่ามันเป็นเรื่องของการได้รับแรงบันดาลใจจากใครบางคน ฉันชอบทำของตั้งแต่จำความได้ เมื่อฉันยังเป็นเด็กฉันเคยใช้ฟองน้ำเช็ดครัวเพื่อทำกระเป๋าและกระเป๋าถือ!
ประมาณอายุ 12 ปีฉันค้นพบว่าการเขียนโปรแกรมช่วยให้ฉันสร้างสิ่งที่มีประโยชน์ได้ง่ายและเป็นมืออาชีพมากกว่างานฝีมือ นั่นทำให้ฉันรู้สึกทึ่งมากฉันตกหลุมรักการเขียนโปรแกรมในทันทีและยังคงมุ่งมั่นที่จะพัฒนาให้ดีขึ้น
@jelmerdemaat: @LeaVerou สร้าง @dabblet ได้อย่างไร? ด้วย PHP framework / เทคนิค back-end อื่น ๆ คืออะไร? อะไรคือส่วนที่ยากที่สุด?
LV: Dabblet ไม่มีฐานข้อมูลและโค้ดฝั่งเซิร์ฟเวอร์ที่เกี่ยวข้องมีน้อย PHP เพียงเล็กน้อยใช้สำหรับ OAuth และสร้างหน้าผลลัพธ์เพื่อแชร์โดยไม่ต้องใช้โครเมี่ยมตะลุยรอบ ๆ (มีประโยชน์สำหรับการทดสอบรายงานข้อผิดพลาด) ดังที่คุณเห็นในสถิติของ Github PHP คิดเป็นเพียงสามเปอร์เซ็นต์ของการตะลุย อย่างอื่นคือฝั่งไคลเอ็นต์ สิ่งนี้ช่วยหลีกเลี่ยงสถานการณ์ jsfiddle: jsfiddle ทำทุกอย่างบนเซิร์ฟเวอร์ดังนั้นตอนนี้มันประสบความสำเร็จโหลดของเซิร์ฟเวอร์ก็ไหลผ่านหลังคาและมันก็ช้าลง
@_dte: คุณลักษณะ CSS ที่กำลังจะมาถึงที่น่าตื่นเต้นที่สุดสำหรับคุณคืออะไร
LV: ฟิลเตอร์เอฟเฟกต์แน่นอน พวกเขาช่วยให้เราทำสิ่งที่เคยเป็นไปไม่ได้ก่อนหน้านี้ไม่ใช่แค่เรื่องยาก ฉันไม่รู้สึกตื่นเต้นกับโมดูลเลย์เอาต์มากนักเพราะก) มันต้องใช้เวลานานก่อนที่เราจะสามารถใช้งานได้เนื่องจากมันไม่ได้ลดระดับลงอย่างงดงามเลยและ b) เลย์เอาต์เป็นไปได้เสมอยากโดยไม่จำเป็น แน่นอนว่าโมดูลเลย์เอาต์ใหม่ก็มีความสำคัญเช่นกัน แต่ไม่ใช่สิ่งที่ทำให้ฉันตื่นเต้น
ฉันยังออกจากหน่วยสัมพัทธ์ของวิวพอร์ตด้วย vw และ vh และส่วนขยาย CSS3 ของไฟล์ attr () ซึ่งจะช่วยให้เราสามารถใช้งานได้ attr () ในทุกทรัพย์สิน
ฉันยังอยากเห็นเบราว์เซอร์อื่น ๆ นอกเหนือจากการใช้งาน Opera ด้วย พอดีกับวัตถุ และ ตำแหน่งวัตถุเพื่อให้เราสามารถหยุดใช้การแฮ็กพื้นหลังเพื่อครอบตัดรูปภาพให้มีอัตราส่วนกว้างยาว
@gpirie: คุณลักษณะใดที่คุณต้องการเห็นใน CSS?
LV: ปัจจุบัน() ฟังก์ชันที่ช่วยให้คุณสามารถอ้างอิงค่าที่คำนวณได้ของคุณสมบัติอื่น ๆ เช่นเดียวกับลักษณะทั่วไปของ currentColor (ซึ่งจะกลายเป็นนามแฝงของ ปัจจุบัน (สี)). แน่นอนว่าการใช้สิ่งนี้เป็นเรื่องยุ่งยากมาก แต่ความเป็นจริงจะไม่หยุดฉันจากความฝัน!
@kevdog: ข้อผิดพลาด CSS ที่พบบ่อยที่สุดสามข้อคืออะไร?
LV: ข้อผิดพลาด CSS ที่พบบ่อยที่สุดที่ฉันเห็นคือผู้คนเขียนโค้ด CSS โดยมุ่งเน้นที่ผลลัพธ์ไม่ใช่โค้ดที่สะอาดบำรุงรักษาได้และยืดหยุ่น (และพวกเขาแทบไม่ได้ refactor) สิ่งสำคัญไม่เพียงแค่บางสิ่งเท่านั้น ดู ในตอนนี้ด้วยภูมิหลังที่แน่นอนสภาพแวดล้อมบางอย่างและขนาดที่แน่นอน มันควรจะทำได้ ปรับ เพื่อเปลี่ยนแปลงได้อย่างง่ายดายโดยไม่ต้องเขียนกฎทุกข้อใหม่ด้วยวิธีที่คาดเดาไม่ได้
คุณอาจคิดว่าคุณจะไม่มีวันเปลี่ยนแปลงอะไรบางอย่าง แต่เมื่อให้เวลามากพอคุณจะถูกพิสูจน์ว่าคิดผิด พรีโปรเซสเซอร์ CSS สามารถช่วยได้ วิธีนี้เป็นวิธีง่ายๆ แต่ดีกว่าโค้ดซ้ำซากจำเจอย่างแน่นอน
ข้อผิดพลาดอีกประการหนึ่งคือ CSS ที่ละเอียดเกินไป ผู้คนไม่ทราบถึงค่าเริ่มต้นดังนั้นพวกเขาจึงกำหนดนิยามใหม่อยู่เสมอ พวกเขาไม่ทราบว่ามีการชอร์ตแฮนด์จึงมักจะกำหนดคุณสมบัติของด้ามยาวแทน มีหลายกรณีที่คุณต้องทำสิ่งเหล่านั้นโดยตั้งใจ แต่นั่นไม่ใช่เหตุผลที่จะทำทุกอย่างในเชิงป้องกัน
@kevdog: ถ้าคุณสามารถเปลี่ยนสิ่งหนึ่งในข้อมูลจำเพาะของ CSS ได้จะเป็นอย่างไร?
LV: มีคำแนะนำมากมายที่เกือบทุกคนใน CSSWG เห็นด้วย แต่ไม่สามารถเพิ่มได้เนื่องจากละเมิดการใช้งานที่แพร่หลายบนเว็บ โดยปกติ WG จะปฏิเสธสิ่งเหล่านี้ทั้งหมดหรือเพิ่มคุณสมบัติเพิ่มเติมเพื่อควบคุมพฤติกรรมแทนที่จะเปลี่ยนค่าเริ่มต้น ฉันต้องการดูวิธีเลือกที่จะย้อนกลับการเปลี่ยนแปลงที่เข้ากันไม่ได้เพื่อไม่ให้เว็บไซต์ที่มีอยู่เสียหาย ภาษาอื่น ๆ ได้แก้ไขปัญหานี้มานานแล้ว แต่ด้วย HTML และ CSS เรายังคงดิ้นรนเพื่อความเข้ากันได้แบบย้อนกลับในต้นทุนของการออกแบบภาษาที่ดี
@StuRobson: คุณคิดว่ามันขี้เกียจหรือเปล่าสำหรับนักพัฒนาที่จะใช้เฟรมเวิร์กหรือเอกสารสำเร็จรูปโดยไม่เข้าใจทุกอย่างที่ทำ?
LV: ไม่ แต่ฉันคิดว่ามันขี้เกียจสำหรับนักพัฒนาที่จะใช้เฟรมเวิร์กหรือต้นแบบโดยไม่จำเป็นต้องใช้เป็นการส่วนตัวเพียงเพราะคนอื่นทำ เป็นการต่อต้านการพยายามแก้ปัญหาที่คุณยังไม่มี
@folktrash: "คนดัง" เกิดขึ้น ณ จุดใด? คุณรู้ได้อย่างไร? และมันช่วยหรือขัดขวางคุณภาพของรหัสการประกาศข่าวประเสริฐ / ความหมายหรือไม่?
LV: ขอบคุณ แต่ฉันไม่แน่ใจว่าจะเรียกอย่างนั้นได้ ทุกคนมีแนวโน้มที่จะพิจารณาคนที่พวกเขาเคยได้ยินว่ามีชื่อเสียงมากกว่าคนที่พวกเขาไม่รู้ ดังนั้นทุกคนจึงมีแนวโน้มตามธรรมชาติที่จะประเมินชื่อเสียงของตัวเองสูงเกินไปซึ่งจำเป็นต้องมีความสมดุลเทียม (และเกือบจะสุ่มสี่สุ่มห้า) เมื่อคุณตระหนักถึงปรากฏการณ์นี้ นอกจากนี้เราต้องจำไว้ว่าไม่มีใครในอุตสาหกรรมของเราที่เป็นคนดังจริงๆไม่มีใครเป็นชื่อที่ใช้ในครัวเรือน
ที่กล่าวว่าปี 2011 มันบ้าไปแล้วและเห็นได้ชัดว่าฉันได้รับการยอมรับมากขึ้นสำหรับงานของฉันอย่างที่หวังไว้ แน่นอนว่าจะช่วยเผยแพร่มาตรฐานของเว็บ ผู้คนให้ความสนใจมากขึ้นเมื่อฉันพูดอะไรบางอย่างตอนนี้มากกว่าปีที่แล้ว อย่างไรก็ตามสิ่งนี้มาพร้อมกับค่าใช้จ่ายที่สิ่งที่ฉันพูดได้รับการประเมินมากเกินไปผู้คนสามารถอ่านพวกเขามากเกินไปและโจมตีฉันเพราะมีมุมมองที่ฉันไม่เคยคิดด้วยซ้ำ หรือบางครั้งเพียงแค่มีมุมมองระยะเวลา
@Tawreh: ทำไมถึงคลั่งผู้หญิงในวงการจัง? ฉันเข้าใจถึงความจำเป็นของความเท่าเทียมกัน แต่คุณผลักดันมันให้ถึงขีดสุด
LV: ครั้งแรกที่ฉันได้ยินเรื่องแบบนี้ว่า "ความเท่าเทียมกันสุดขั้ว" ความเท่าเทียมกันไม่มีทางสุดโต่งและฉันสงสัยว่าจะมีใครพูดอะไรแบบนั้นสำหรับการเลือกปฏิบัติแบบอื่น ๆ เช่นการเหยียดเชื้อชาติ "การเลือกปฏิบัติแบบย้อนกลับ" หรือ "อคติในการแก้ไข" นั้นสุดโต่งและฉันต่อต้านสิ่งนั้นอย่างยิ่ง
ที่กล่าวว่าฉันไม่ได้ "คลั่งไคล้" เกี่ยวกับผู้หญิงในอุตสาหกรรมนี้เลยฉัน "คลั่งไคล้" กับแบบแผนทางเพศที่กำหนด ฉันแทบไม่เคยเห็นการกีดกันทางเพศในอุตสาหกรรมของเราดูเหมือนว่าผู้คนจะได้เรียนรู้บทเรียนของพวกเขามานานแล้ว ฉันไม่คิดว่าการที่ผู้หญิงมีส่วนร่วมน้อยในอุตสาหกรรมของเรานั้นเกิดจากการที่พวกเธอรู้สึกไม่เป็นที่พอใจอีกต่อไป เป็นสังคมที่เหลืออยู่ในสังคมของเราที่ผลักดันผู้หญิงให้ห่างไกลจากงานวิศวกรรม เด็กหญิงตัวเล็ก ๆ เล่นกับของเล่นที่ไม่กระตุ้นให้พวกเขาพัฒนาทักษะทางความคิดได้มากเท่ากับของเล่นเด็กผู้ชาย ภาพยนตร์และของเล่นสำหรับเด็กเป็นตัวทำลายแบบแผนทางเพศที่เลวร้ายที่สุดและฉันแทบไม่เห็นความสนใจใด ๆ ที่นั่น ดูเหมือนทุกคนจะมุ่งความสนใจไปที่ผู้ใหญ่แทนโดยแก้ไขข้อผิดพลาดแทนที่จะหลีกเลี่ยงที่จะทำตั้งแต่แรก
@komiska: จะมีการเปลี่ยนแปลงสำหรับ font-weight หรือไม่?
LV: อ้างอิงหมายเหตุจากข้อมูลจำเพาะ "มันไม่ง่ายอย่างนั้น" คุณสมบัติส่วนใหญ่ไม่มีน้ำหนักเพียงพอสำหรับการเปลี่ยนแปลงที่ราบรื่นและเบราว์เซอร์ไม่สามารถสร้างสถานะกลางได้เนื่องจากไม่มีวิธีแสดงใน CSS ที่กล่าวว่าในที่สุดเราก็อาจจะขยายออกไป ข้ามจาง () จากค่ารูปภาพ CSS4 ไปใช้กับค่า CSS ทั้งหมดไม่ใช่แค่รูปภาพเท่านั้นซึ่งจะช่วยแก้ปัญหาการเปลี่ยนแปลงส่วนใหญ่และทำให้เรามีเครื่องมืออันทรงพลังที่สามารถใช้แบบคงที่ได้เช่นกัน
