社群精選:Chen Hui Jing

Chen Hui Jing 是一位自學有成的設計師,位於新加坡,我曾和她談談 CSS 以及非英文的書寫系統。

這篇文章是設計人員的一部分。web.dev 為您獻上網頁設計的慶祝活動。

Chen Hui Jing 站在台上,在大螢幕上播放投影片。

Chen Hui Jing 是住在新加坡的自學設計和開發人員,他非常喜愛 CSS,從網誌 (主要是 CSS) 和 Twitter 推文 (主要與字體排版和網路有關)。她以前是全職打籃球,並在訓練期間的休息時間推動網站職業生涯,希望能夠一天到戶外爬山。我曾詢問過 CSS 供應商,特別是非英文的寫作系統。

Rachel:進入網頁設計及開發的途中,

Hui Jing:當我坐在宿舍房裡,全職工作籃球時,我擁有的電腦使用經驗比同業人員來得多,而我的教練 (無比他) 認為有好幾年尚未更新的協會網站,所以我能做的事情還不多。我完全不知道什麼是網頁開發,但以為自己有足夠時間可以發現。這比我預期的更容易,但幾年後我依然在這裡。

Rachel:又是如何加入 CSS?

Hui Jing:我本身就是視覺上的視覺人物,可以說我能在瀏覽器上提供「操作說明」,很快看到受到我喜愛的元素。感覺比應用程式程式設計邏輯簡單好上手。某時候,我在 CSS 領域的發展逐漸加快速度,我就很重視網路,所以有很多實驗資源不被廣泛使用。能夠探索鮮為人知的新功能,實在令人興奮。

使用垂直書寫模式

Rachel:您完成了 CSS 的垂直寫入模式許多內容,並且在使用直向書寫時發現一些有趣的錯誤。你有什麼最愛錯誤,我們都該去星星嗎?

Hui Jing:我今年 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 的 Codepens,其中也有一些精美的 CSS 動畫。

Rachel:你可以前往 chenhuijing.com 瀏覽 Chen Hui Jing 網站瞭解詳情。