Chen Hui Jing เป็นนักออกแบบและนักพัฒนาที่เรียนรู้ด้วยตนเองและอาศัยอยู่ในสิงคโปร์ ผมได้คุยกับเธอเกี่ยวกับ CSS และโดยเฉพาะอย่างยิ่งระบบการเขียนที่ไม่ใช่ภาษาอังกฤษ
โพสต์นี้เป็นส่วนหนึ่งของ Designcember พบกับงานออกแบบเว็บจาก web.dev
Chen Hui Jing เป็นนักออกแบบและนักพัฒนาที่เรียนรู้ด้วยตนเองที่อาศัยอยู่ในสิงคโปร์และมีความรักที่มีต่อ CSS อย่างลึกซึ้ง ซึ่งเห็นได้จากบล็อกของเธอ (ซึ่งส่วนใหญ่เกี่ยวกับ CSS) และทวีตของเธอ (ซึ่งเป็นเรื่องเกี่ยวกับการพิมพ์และเว็บเป็นหลัก) เธอเคยเล่นบาสเกตบอลแบบเต็มเวลาและเริ่มอาชีพบนเว็บในช่วงช่วงพักระหว่างเซสชันการฝึกซ้อม และหวังว่าสักวันหนึ่งจะปีนเขากลางแจ้งได้ ผมได้คุยกับเธอเกี่ยวกับ CSS และโดยเฉพาะอย่างยิ่งระบบการเขียนที่ไม่ใช่ภาษาอังกฤษ
Rachel: คุณมีแนวทางในการออกแบบและพัฒนาเว็บอย่างไร
Hui Jing: ตอนผมอยู่ในหอพักและเล่นบาสเกตบอลแบบเต็มเวลา ผมมีประสบการณ์กับคอมพิวเตอร์มากกว่าเพื่อนๆ และโค้ชของฉัน (อวยพร) คิดว่าผมทำอะไรสักอย่างเกี่ยวกับเว็บไซต์ของสมาคมของเราซึ่งไม่มีการอัปเดตมาหลายปี ผมไม่รู้ว่าการพัฒนาเว็บคืออะไร แต่ผมคิดว่าตัวเองพอจะมีเวลาว่างมาวิเคราะห์แล้ว สนุกได้มากกว่าที่คิดไว้ และหลายปีหลังจากนั้น ฉันก็ยังอยู่ที่นี่
Rachel: แล้วคุณใช้งาน CSS เป็นพิเศษได้อย่างไร
ฮุ้ย จิง: ผมเป็นบุคลิกภาพลักษณ์โดยธรรมชาติ และบางอย่างเกี่ยวกับการที่จะสามารถให้ "วิธีการ" ได้ เบราว์เซอร์และเห็นทันทีนั้นแสดงบนหน้าจอที่ดึงดูดผมจริงๆ ทำให้ผมใช้งานง่ายกว่าตรรกะการเขียนโปรแกรมแอปพลิเคชันอย่างมาก ช่วงหนึ่งผมจริงจังกับเว็บมากที่การพัฒนาในโลกของ CSS เริ่มเป็นเร็วขึ้นเรื่อยๆ ดังนั้นจึงมีพร็อพเพอร์ตี้ทดลองมากมายที่ไม่ค่อยมีคนใช้ การได้ค้นพบฟีเจอร์ใหม่ๆ ที่หลายคนรู้จักนั้นเป็นเรื่องน่าตื่นเต้นมาก
การใช้งานโหมดการเขียนแนวตั้ง
Rachel: คุณได้เขียนเรื่องโหมดการเขียนแนวตั้งใน CSS ไว้เยอะมาก และข้อบกพร่องสนุกๆ ที่พบเมื่อทำงานกับการเขียนแนวตั้ง มีข้อบกพร่องโปรดที่เราทุกคนควรไปร่วมติดดาวไหม
Hui Jing: มีบางที่ผมกลับไปดูในเดือนพฤษภาคมในปีนี้ แต่ปัญหาส่วนใหญ่ได้รับการแก้ไขแล้ว ยกเว้น 1 รายการ นั่นคือ Chromium มีปัญหาเกี่ยวกับการวางซ้อนเครื่องมือสำหรับนักพัฒนาเว็บในโหมดการเขียนแนวตั้ง ฉันคิดว่านี่เป็นสิ่งที่พิสูจน์แล้วว่ารอบการอัปเดตเบราว์เซอร์ที่ใช้ได้ตลอดนี้ผลักดันการพัฒนาเว็บให้ก้าวไปข้างหน้าได้อย่างไร
ราเชล: เรายินดีที่ได้ทราบว่าปัญหาเหล่านี้ได้รับการแก้ไขแล้ว คุณคิดว่าการเล่นด้วยโหมดการเขียนมีประโยชน์มากกว่าแค่การพิมพ์ข้อความแนวตั้งไหม
ฮุย จิง: ได้ครับ แน่นอน แม้ว่าการพิมพ์สคริปต์แบบเอเชียตะวันออกจะเป็นกรณีการใช้งานหลักสำหรับโหมดการเขียน แต่ผมคิดว่าระบบการเขียนอื่นๆ สามารถใช้โหมดการเขียนเพื่อนำการจัดวางแนวตั้ง อย่างเช่นแบบที่เรามักเห็นในนิตยสารฉบับพิมพ์ได้ สำหรับผมแล้ว การรวมคุณสมบัติ CSS เข้าด้วยกันคือสิ่งที่ทำให้ CSS มีประสิทธิภาพมาก ดังนั้นโหมดการเขียนร่วมกับ Flexbox และตารางกริดทำให้เราเปลี่ยนลำดับทิศทางการวางเลย์เอาต์ได้ค่อนข้างมาก ตั้งแต่ช่องระดับหน้าเว็บลงไปจนถึงอักขระเดี่ยวในข้อความ ผมคิดว่าวิธีนี้ช่วยปลดล็อกความเป็นไปได้และความคิดสร้างสรรค์ที่มากขึ้น เนื่องจากผู้ใช้ได้ตระหนักถึงขอบเขตของสิ่งที่เป็นไปได้สำหรับการออกแบบเว็บในอนาคต ฉันอยากเห็นเลย์เอาต์และการออกแบบบนเว็บที่คงนึกไม่ถึงเมื่อไม่กี่ปีก่อน
ราเชล: ฉันมักได้รับคำถามว่าทุกคนควรใช้คุณสมบัติและค่าเชิงตรรกะในตอนนี้ไหม หรือถ้าจะให้ค่าเริ่มต้นกลายเป็นค่าเริ่มต้น คุณจะตอบว่าอย่างไร
Hui Jing: โดยส่วนตัวแล้ว เราหวังว่าสิ่งนี้จะกลายเป็นค่าเริ่มต้น เพราะจากมุมมองเชิงปฏิบัติ จะทำให้การพัฒนาเว็บไซต์แบบหลายสคริปต์ง่ายขึ้นมาก การจะตอบโต้ได้นั้นเป็นเรื่องที่ยากกว่ามาก
ความท้าทายในคุณสมบัติเชิงตรรกะคือ "การแทนที่" รูปแบบคำสั่งซึ่งเป็นที่ยอมรับและมีการใช้งานมาหลายปีแล้ว บวกกับข้อเท็จจริงที่ว่าการรองรับสคริปต์ที่ไม่ใช่ค่าเริ่มต้นแบบ ด้านบนลงล่าง ในแนวนอนนั้นมีประสิทธิภาพดีขึ้นมากในช่วงไม่กี่ปีที่ผ่านมา เนื้อหาบนเว็บยังคงเป็นภาษาอังกฤษเป็นส่วนใหญ่ ดังนั้นกรณีของการใช้พร็อพเพอร์ตี้เชิงตรรกะในบริบทนี้กลับไม่มีความสำคัญมากนัก เราคิดว่าการผลักดันให้ผู้ที่ไม่ได้ใช้ภาษาอังกฤษมีจำนวนมากขึ้นสร้างคอนเทนต์ในภาษาของตนสำหรับเว็บจะส่งต่อจุดประสงค์นี้ นอกจากนี้ หากการสนับสนุนภาษาต่างๆ มีความสำคัญมากขึ้น คุณค่าของการใช้คุณสมบัติเชิงตรรกะก็จะเห็นได้ชัดเจนยิ่งขึ้น
ฟีเจอร์ใหม่ใน CSS
Rachel: คุณต้องการให้เพิ่มฟีเจอร์หรือฟังก์ชันใดลงใน CSS
Hui Jing: ผมติดตามงานของ Miriam Suzanne เกี่ยวกับการค้นหาคอนเทนเนอร์มาระยะหนึ่งแล้ว และบางส่วนของข้อกำหนดที่ยังไม่ได้พัฒนาขึ้นสำหรับคุณลักษณะคอนเทนเนอร์รูปแบบและสถานะนั้นค่อนข้างน่าตื่นเต้น เพราะสามารถขยายแนวคิดของการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ได้อย่างแท้จริง เราอาจได้รับการออกแบบและเลย์เอาต์เพื่อตอบสนองต่อความต้องการมากกว่าแค่ขนาดของวิวพอร์ต เราจึงหวังว่าโมดูลการกักเก็บเป็นสิ่งที่ผู้ให้บริการเบราว์เซอร์ต่างๆ จะตกลงกันได้และเราจะได้รับการสนับสนุนในวงกว้างมากขึ้นในอนาคตอันใกล้
สร้างแรงบันดาลใจให้ผู้คนติดตาม
ราเชล: ตอนนี้มีใครกำลังสร้างสรรค์ผลงานที่น่าสนใจ สนุก หรือสร้างสรรค์บนเว็บอีกบ้าง
Hui Jing: ฉันชอบคนที่ชอบงานศิลปะ CSS เสมอ และยังมีคนที่ฉันเป็นแฟนประจำมาหลายปีอย่าง Yuan Chuan และผลงาน Generative CSS ของเขาอย่าง Ben Evans ที่สร้างอาร์ตเวิร์ก CSS เจ๋งๆ และ Ana Tudor ที่มาเจาะลึกเทคนิคอันชาญฉลาดของเธอ เมื่อเร็วๆ นี้ ฉันเจอ Codepens ของ Julia Miocene และ Jackie Zen ที่มีภาพเคลื่อนไหว CSS ที่สวยงามเช่นกัน
Rachel: อ่านข้อมูลเพิ่มเติมจาก Chen Hui Jing ได้ในเว็บไซต์ chenhuijing.com