Miriam Suzanne 是科羅拉多州丹佛的作者、藝術家及網頁程式開發人員，目前正致力開發各種 CSS 規格，例如「容器查詢」和「Cascade Layers」。
本文是 Designcember 的一部分。由 web.dev 介紹的網頁設計。
Miriam Suzanne 是科羅拉多州丹佛的作家、藝術家和網頁程式開發人員。她是 OddBird (網路代理商) 的共同創辦人、CSS Tricks 員工、Sass 核心團隊成員，以及 CSS Working Group 的 W3C Invited Expert。最近她將重心放在開發新的 CSS 功能，例如 Cascade Layers、Container 查詢和範圍。離線時，Miriam 是出版的小說、劇作家和音樂家。我們談到了她與 Sass 和 CSS 的合作成果
Rachel：我先認識一下貴機構的網格架構 Susy，為什麼會想出這個架構？
Miriam：我們在 2008 年時，顧及網路版面配置的體驗截然不同。開發人員捨棄了表格版面配置，改用更語意化的格線，但仍為懸浮著的網格。一體適用的 12 欄「網格架構」變得一體成型，提供預先定義的 (通常是靜態) 網格與一組預先定義的 CSS 類別。如果需要更可自訂的內容，你自己都是自行管理的。顯然網站需要提高回應速度，但尚無法使用媒體查詢，此外也存在大量的瀏覽器相容性問題。
我之前使用 Natalie Downe 的 CSS 系統，因為這個方式很巧妙地回應字型和可視區域大小，但因為所有重複性的數學和瀏覽器入侵，我都感到不悅。同時，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 瞭解她還有的新消息。