社群精選:Chen Hui Jing

Chen Hui Jing 是一位在新加坡的自學設計師與開發人員,我曾和她談論 CSS,特別是非英文的書寫系統。

本文是 Designcember 的一部分。由 web.dev 介紹的網頁設計。

Chen Hui Jing 站在大螢幕前台上講著投影片。

Chen Hui Jing 是一位自學設計師兼開發人員,她在新加坡很熱衷於使用 CSS,從她的網誌 (主要為 CSS) 和他們的推文 (主要是關於字體排版和網路) 的推文指出,他們非常喜愛 CSS。她過去全日玩籃球,在休息時間不休息的情況下,她的網路事業一向是邁進,希望有一天能夠到戶外攀爬。我曾和她談到 CSS,尤其是非英文的書寫系統。

Rachel:您在網頁設計和開發過程中的走向為何?

Hui Jing:每次全職從事籃球遊戲時,我在宿舍裡擁有比同儕電腦更好的使用經驗,我的教練 (面對他) 還想到,當我管理協會網站多年以來一直都沒有更新。我完全不知道網頁開發是什麼,但我覺得自己有足夠時間釐清這個問題。感覺我比我預期的更好,多年後,我還在這裡。

Rachel:您最初如何接觸到 CSS?

Hui Jing:我是個天生的視覺人,所以可以說「操作說明」我就會覺得畫面上的內容很吸引我。比起應用程式程式設計邏輯,這對我來說更加直觀。CSS 領域剛起步時我就很看重網路,所以在業界中,有許多是不常使用的實驗性資源。能夠探索鮮為人知的新功能,真的非常令人興奮。

使用垂直書寫模式

Rachel:您撰寫了許多有關 CSS 垂直書寫模式的文章,以及處理垂直書寫時發現的有趣錯誤。您是否有值得我們全心投入的昆蟲?

Hui Jing:今年 5 月回來查看,我在 5 月份回來查看了幾次,但現在大部分已解決:Chromium 的開發人員工具的垂直書寫模式出現問題。我們認為,這個不退流行的瀏覽器更新週期如何推動網頁開發的腳步。

Rachel:很高興得知這些問題已經解決,您認為書寫模式的用途不只是輸入垂直文字?

Hui Jing:當然可以。雖然排版東亞字集是書寫模式的主要用途,但我認為其他書寫系統可以透過書寫模式實作垂直版面配置,例如我們在印刷雜誌中經常看到的風格。對我來說,CSS 屬性的組合能讓 CSS 發揮極大作用。因此,只要搭配使用書寫模式與 Flexbox 和格線,就能為版面配置方向的排列組合提供了相當大量的排列組合,從頁面層級方塊到文字中的個別字元都有。我認為這開創了各種可能性和創意,讓大家瞭解未來網頁設計的用途。希望看到幾年前我想像不到的網路版面配置與設計。

Rachel:我經常詢問大家是否應該立即使用邏輯屬性和值,還是要採用預設值。你該如何回答?

Hui Jing:我個人希望預設會成為預設值,因為從實務的角度來看,這能讓網站開發變得更容易。至於是否會成為預設變數,這樣就更難回答了。

邏輯特性的挑戰在於「取代」這個語法已行之有年網路上的內容仍以英文為主,因此就邏輯屬性來說,在這種情況下使用起來相對較不理想。我認為,讓非英文使用者更願意以各自語言製作網路內容,相信就會有這個現象。此外,如果支援多種語言變得更加優先,使用邏輯屬性的價值將更加明顯。

CSS 新功能

Rachel:您希望 CSS 新增什麼功能?

Hui Jing:我一直追蹤 Miriam Suzanne 處理容器查詢的情形,而且這些規格中尚未開發出樣式和狀態容器功能,這些元素相當令人振奮,因為它們真正擴展了回應式設計的概念。我們可以取得設計和版面配置,回應的不只是可視區域大小。我希望這個隔離模組可以與其他瀏覽器廠商相同,在不久的將來擴大支援範圍。

鼓勵使用者追蹤

Rachel:還有誰正在在網路上從事有趣的、有趣或創意工作?

Hui Jing:我總是喜歡到 CSS 藝術創作。我對自己多年來一輩子很忠實,例如 Yuan Chuan 和他的生成式 CSS 創作內容,Ben Evans 擅長將 CSS 圖片和 Ana Tudor 深入研究這些巧妙的技術。 最近我聽過 Julia MioceneJackie Zen 的 Codep 影片,這些程式碼提供了精美的 CSS 動畫。

Rachel:您可以前往 chenhuijing.com 的網站閱讀 Chen Hui Jing 的深入見解。