社群精選內容:Bramus Van Damme

Bramus Van Damme 是來自比利時的網頁開發人員。從他在 14 歲 (1997 年) 就發現了各種觀看來源後,他終於愛上網路,從此一路到現在又持續修圖。我和他見面會認識他的網頁程式開發歷程,他認為他對現今 CSS 最期待的部分是什麼。

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

胸前用大螢幕播放投影片。
Bramus 在美國前端演講。

Rachel:進入網站開發的道路是什麼?

Bramus:小時候我都喜歡消磨東西,我會花好幾天玩我的 LEGO® 積木,從頭開始打造夢幻世界和物品。

當我在家裡準備一台電腦 (1990 年代相當尋常的裝置) 時,我很快就使用電腦遊戲在實體玩具換購。但我不是很熱情的玩家,我覺得我大概沒有把遊戲完全打完。我發現自己不想把遊戲結束,而是要自己改造遊戲。

1997 年,我在查詢與這些遊戲和工具相關的資訊時,還發現了《view-source》。我想知道相關製作過程,我開始收集已造訪的網站 HTML 程式碼片段。結合這些程式碼片段與 Frontpage Express (Internet Explorer 4 和 5 內建的應用程式) 後,我很快就建立了第一個網頁,當中含有我的個人資訊。這些網頁一直沒有人發布,只存在我隨身攜帶的其中一個磁碟片中。

從那時起,我便越來越關注電腦和網路。這項興趣促使我在高中度過一整年,為了從經濟學轉職到 IT 部門 - 我知道我想從事 IT 相關工作。到了 2002 年,我就讀於大學,當中學到了 HTML 知識,並開始使用 CSS 和 JavaScript。在這三年期間,我發現網路是我的初衷,在 2005 年大學畢業時,我成為專業網頁程式開發人員的第一份工作。

成為後端開發人員

Rachel:我在網站上發現,你是前端和後端的開發人員,採用了類似最初是 Perl 的路徑,現在是 PHP 和 MySQL 開發人員。你會因為一側或是另一面感到興奮嗎?您認為就採用混合型開發人員的做法,是否因為學習的複雜度只是堆疊的一部分而已逐漸消失?

Bramus:在整個職涯中,我一直在後端和前端之間漂浮。有年來,我發現 JavaScript 和 React (甚至 React Native) 十分深思熟慮,一年後只會建立 Terraform 指令碼和 Docker 容器。我喜歡混合這兩種模式,不過我一直熱衷於在前端採用 CSS,

在網路填補的早期階段,只有一位擔任「網站管理員」的工作。在這個工作的範疇內,要跟上腳步相當有限。過去 20 年來,前端與後端不斷爆炸,讓整個領域企業的專業知識變得越來越難維護。因此,我決定 2020 年將重心放在前端。

Rachel:為何你開始針對 CSS 撰寫內容?

Bramus 網誌上的內容總是能反映出我正在處理的專案。因此,將會同時發布前文與後端貼文。

參加 Fronteers ConferenceCSS Day 等大會後,我就能撰寫有關客戶前端的深入訊息。比方說,看到 Tab Atkins-Bittner 談論 CSS 自訂屬性:2013 年,這些是 Google 推出前的已久之年,您 (Rachel Andrew) 於 2015 年 (Rachel Andrew) 介紹 Grid 於 2015 年 Grid 的事件,都是直接幫我撰寫相關主題的活動。當時我在技術大學擔任網頁與行動開發講師,因此有充分理由關注這些科目。

2019 年,我開始密切監控 CSSWG 並參與討論。如果瀏覽器一直在支援功能旗標的輔助功能,我就能測試自己閱讀的內容,甚至在尚未推出這些功能前先行測試。這個問題隨後反映在網誌的內容中,

給新作者的建議

Rachel:對於想開始撰寫科技主題文章的人,你會有什麼建議?

Bramus:別太在急,即便只有單一 CSS 供應商的內容,或是每年要發布 1 篇貼文,或是「只有」訂閱人數達 5 人時也是如此。自行寫下自己的想法,然後撰寫想找到的文章。閱讀網誌內容,我不僅挑戰自己,更要深入探究相關技術,也在一路上開創了一門私人和專業的大門。

請勿過度依賴外部服務 (如 Medium 或 Twitter),而是建議您在網路上設立專屬據點。從長遠來看,這種做法會帶來實質效益。您完全不需要複雜的 CMS、建構管道或留言系統,就能開始使用。你只需要文字編輯器,還有一點時間。HTML 搭配簡單的樣式表,幫助您奠定成功基礎。

CSS 新功能

Rachel:你寫了 CSSWG 和瀏覽器開發的許多新功能,你覺得對網路未來發展最期待的部分是什麼?您認為哪項工作對於自己的專業工作將造成最即時的影響?

Bramus:我和許多開發人員都很期待 CSS 容器查詢功能。其他即將推出的功能 (例如Cascade 圖層捲動式動畫) 也讓我感到振奮,但容器查詢肯定是最大程度的影響力。如此一來,我們就可以從回應式網頁轉換成回應式元件。

Rachel:您希望 CSS 加入什麼功能?

Bramus:捲動連結的動畫是我們希望的其中一個功能。目前它只是編輯器的草稿。能夠定義硬體加速捲動功能,而無需依賴 JavaScript,就完全適用於我的心理增強模型和最低功率原則

CSS Nesting 也是我的心聲。自從我們推出首個編輯草圖至今,已經超過兩年,但我很開心看到我們去年夏天發布的第一份公開工作草稿。

除了這些功能更強大的功能外,我也很重視一些細微調整和附加的功能。accent-color 這類的特質總是讓我的臉上充滿笑容,讓我身為開發人員的事半功倍。

鼓勵網路使用者追蹤的建議

Rachel:還有誰目前在網路上進行有趣、有趣或有創意的工作?

Bramus:這是一個相當困難的問題,很多人都會創作令人驚豔的內容,也讓我獲得靈感。例如 Adam Argyle 和 GUI 挑戰、Stephanie Eckles 的計畫、Michelle Barker 的網誌文章,以及 Kevin J. PowellMiriam Suzanne 於 CSS Working Group、Una Kravets 推出的 Podcast、Jake Archibald 的 Podcast、Jake 和 Surma 的 HTTP 203George Francis的 Houdini 作品和 Temani Afif 的貼文。感謝這些人、他們的專案,以及許多我目前遺憾的是,我深感抱歉。

我認為在音樂生涯中,最具影響力的人是 Jeremy Keith。他說明語意 HTML、漸進增強與韌性,是許多令人振奮的時刻。這是我給自己的學生的郵件,今天仍想與更多學生分享。在 JavaScript 陷入世界的時代,初學者的開發人員似乎因為忽略了網路的基本原則,他的貼文和演說比以往更加切身相關。

Rachel:您可以在 Twitter 上追蹤 Bramus,也可以前往 bram.us 追蹤他的網誌。