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