Miriam Suzanne 是科羅拉多州丹佛的作者、藝術家和網頁開發人員，目前在開發容器查詢和 Cascade Layers 等 CSS 規格。
這篇文章是設計人員的一部分。web.dev 為您獻上網頁設計的慶祝活動。
Miriam Suzanne 是科羅拉多州丹佛的作者、藝術家和網頁開發人員。她是 OddBird (網路代理商) 的共同創辦人、CSS 購物顧問、Sass 核心團隊成員，以及 CSS Working Group 的 W3C 受邀專家。最近她專注於開發新的 CSS 功能，例如 Cascade 圖層、容器查詢和範圍。Miriam 是已發布的小說家、劇作家和音樂家。我們談到了她與 Sass 和 CSS 的合作經驗，
Rachel：我一開始瞭解到你的電網架構 (Susy) 影響你的工作成果。你當初為何會這麼做？
Miriam：早在 2008 年，網頁版面配置的瀏覽體驗就和過去截然不同。開發人員已捨棄表格版面配置，改以更語意 (但仍很奇怪) 的浮動格線。一體適用的「格狀架構」一體適用，提供一組預先定義的 (通常是靜態) 格線，並提供一組預先定義的 CSS 類別。需要更多自訂功能，顯然網站需要提升回應速度，但媒體查詢本身還無法使用，而且有大量瀏覽器與浮動浮動式訊息有關。
我採用 Natalie Downe 的 CSS Systems 方法，雖然對字型和可視區域大小做出反應，但對字型和可視區域大小做出反應很謹慎，但對於所有必要的數學運算和瀏覽器，我感到很失望。同時，Sass 開始注意到了，很適合滿足我的需求。第一份 Susy 的草稿很簡單：只要混用幾組數學運算，再加上我需要的秘訣就好。目標是盡量精簡，並且只輸出必要程式碼。完全自訂的格線，不含任何預先定義的類別。
Rachel：貴公司從使用 CSS 預先處理工具，轉向處理 CSS 規格的流程為何？您認為在撰寫規範時，處理預先處理器是否適合做為背景的背景？
Miriam：我的體驗有許多重疊之處，但我與這一層的發展還是非常活躍。但我想這主要還是要歸功於 Sass 團隊的主導。由 Natalie Weizenbaum 主導。這套團隊長期以來對開發網路標準相當有幫助，因此我們希望開發能完美整合開發網路標準的工具。想要考慮核心網路標準的未來發展，就必須推出超越一體適用的「獨特」解決方案，以及長期靈活的彈性。
我們如何打造符合開發人員需求和做法的各種工具，同時鼓勵及促進無障礙體驗和其他重要考量？
Rachel：我們為 CSS 推出了許多功能，主要取代 Sass 原有的功能。是否仍要使用 Sass 這類工具，你有強烈的理由？
Miriam：是，有人詢問，但目前沒有通用答案。以變數為例，Sass 變數是基於隨機範圍，在伺服器上進行編譯，並提供經過整理的資料結構，例如清單和物件、色彩操縱等。這對不需要在瀏覽器中執行的設計系統邏輯來說非常實用。
CSS 變數有部分重疊，也可以儲存值，但會提供完全不同的階層式強度和弱點。Sas 無法處理自訂屬性，CSS 也無法處理結構化資料。這兩項工具都很實用，而且功能強大，但是您的特定需求可能會有所不同。
如果使用者能夠刪除不再需要的工具，而且部分專案可能不需要同時取得伺服器和用戶端變數，是最好的方法。太好了，但假設兩者完全相同，其中一個只是取代另一個項目，並不容易。某些設計邏輯總是會在伺服器端發生，有些則會在用戶端發生，即使我們到了語言提供基本上都相同的功能也一樣。我們長期透過預先處理技術處理業務。
Rachel：在製定標準的過程中，是否有任何事情讓你感到驚訝？或是你認為使用者一般可能不瞭解到的任何階段？
Miriam：在參與之前，這套標準程序就像一個神秘的黑盒子，我不太確定會是什麼樣子。我擔心自己可能無法掌握瀏覽器內部的知識，而無法做出貢獻，但事實上，他們根本不需要更多瀏覽器工程師。他們需要更多開發人員和設計人員，在外建立網站和應用程式。
我很驚訝地發現，很少參與人員主要注重標準，但很少人主要開發或設計網站。W3C 由成員組織的「志工」(通常是由這些機構支付，而非其主要工作) 組成，而且會員服務價格也比較低廉。導致參與者偏離日常設計人員和開發人員，尤其是從事小型代理商或自由接案客戶的工作。擔任邀請專家後，如果沒有找到工作外的資金，我的志工就是志同道合的志工。
實際作業程序相當公開，需要開發人員參與其中，但一次有許多對話正在展開，因此很難找到適當的地點。如果不是日常工作，更是如此。
Rachel：多年來，容器查詢一直是許多網頁程式開發人員的理想工具。我們很期待能收到這些功能，我覺得很多人在考慮容器查詢的實用性時，是否覺得他們也有機會發揮更多創意？
Miriam：當然，不過我不認為這兩者完全獨立。時間有限，我們嘗試撰寫可維護且高效能的程式碼。我們不太可能實現創意構想。
儘管如此，網路產業現在已經成為大型企業的主導權，因此這些業務疑慮總是比網路藝術家多。我認為如果忽略網路創意做為功能的主要用途，我們可以大幅改善成效。我很期待看到一些 CSS 藝術工作者正在使用容器查詢的原型。Jhey Tompkins 以舊式的反 CSS 網路迷因評論，製作了一部特別巧妙的 CSS 百葉窗互動式示範影片。我希望那個空間還有更多值得探索的地方，我迫不及待想知道其他人的新點子。
這次的對話也著重於以大小為依據的查詢，也就是原本的用途，但我很期待看到大家如何使用樣式查詢，也就是可以根據 CSS 屬性值或變數的值編寫條件式樣式。這是一項非常強大的功能，到目前為止都不太熟悉。我覺得它可以帶來更多創意機會！
Rachel：如果 CSS 系統不允許 (或即將生效)，有什麼功能可以派上用場？
Miriam：我一直很期待一些其他規格。Cascade 圖層可讓作者進一步掌控特定程度問題，範圍也有助於更精準地指定選取器。但這兩種問題都是高階架構問題。我們的藝人對於 CSS 切換鈕、建立互動樣式的宣告式方法，或容器「時間軸」等事物非常興奮，讓我們能順利地轉換媒體或容器中斷點之間的值。這對回應式字體排版的影響非常實際，但也可能會為回應式藝術和動畫創造許多發揮創意的機會。
Rachel：還有誰目前在網路上進行有趣、有趣或有創意的工作？
Miriam：噢，我不確定該如何回答，很多人在不同的領域發揮創意。CSSWG 和 Open-UI 都進展到許多令人興奮的標準，包括部分為不同的版本而努力。不過，我常從網路藝術家的經驗中，發現最振奮人心的靈感，以及人們如何在與商務之間直接應用這些工具的方式應用產品。Jhey、Lynn Fisher 或 Yuan Chuan 等個人，或是許多其他公司正在挑戰網路技術的極限，並以互動方式進行互動。即使是在業務上投注更多心力的工作內容，也能從藝術技術中獲得許多助益。
我也欣賞 Ben Grosser 這類較為概念性的網路美術，這些人不斷推陳出新、重新思考網路上和社群媒體的需求。看看他的新 minus.social 影片。
Rachel：歡迎前往 css.oddbird.net 瞭解 Miriam 在 CSS 的進展，並透過她的網站 miriam.codes 和 Twitter @TerribleMia 瞭解她近期採取的其他行動。