Bramus Van Damme 是来自比利时的 Web 开发者。他在 14 岁(早在 1997 年)发现观看来源的那一刻(早在 1997 年)就爱上了网络,从那以后就一直在对它进行微调。我采访了他,了解了他的 Web 开发历程,以及他认为现在的 CSS 值得期待的方面。
此帖子来自 Designcember。网页设计大会,由 web.dev 为你带来。
Rachel:您以后的 Web 开发过程是什么?
Bramus:小时候,我一直喜欢摆弄东西。我会花几天时间玩自己的 LEGO® 积木,从头开始打造自己的梦幻世界和物品。
20 世纪 90 年代,当我们家里有计算机(这是一款不寻常的设备)时,我很快就用计算机游戏换取了实物玩具。但我并不是狂热的游戏玩家;我觉得我没有彻底完成过一个游戏。我没有把游戏做完,而是选择自行修改。
1997 年,在查阅有关这些游戏和工具的信息时,我还发现了view-source
。我想知道这些东西是如何构建的,于是开始收集我访问过的网站的 HTML 代码段。结合这些摘要与 Frontpage Express(一款 Internet Explorer 4 和 5 附带的应用),我很快就创建了包含我自己的信息的第一个网页。这些页面根本没有发布,只存在于我随身携带的一张软盘上。
从那时起,我就对计算机和网络越来越感兴趣。出于这种兴趣,我故意在高中就读不到一年,把专业从经济学改为 IT。我当时就想从事 IT 领域的职业。到 2002 年,我进入大学时学习了 HTML,并初步接触了 CSS 和 JavaScript。在这三年中,我意识到网络是我真正的爱好。2005 年,刚从大学毕业时,我开始了第一份工作,是一名专业的 Web 开发者。
成为前端和后端开发者
Rachel:我在您的网站上发现,您既是前端开发者,也是后端开发者。我最初是一位 Perl,后来又是一名 PHP 和 MySQL 开发者。您是从一侧还是另一侧感到兴奋?考虑到学习技术栈中的一部分知识过于复杂,你是否认为做混合型开发者的潜力正在消失?
Bramus:在我的职业生涯中,我一直都在后端和前端之间游荡。有一年,我发现自己已深入了解 JavaScript 和 React(甚至 React Native),但一年后才开始创建 Terraform 脚本和 Docker 容器。我喜欢将两者混用,但我始终热衷于前端,特别是 CSS。
在设计网站发展初期,“网站站长”就是网站管理员,全部都完成了。当时,作品的范围非常有限,因此跟上其步伐很容易。过去 20 年里,前端和后端都呈爆炸式增长,维护该领域的专业知识变得愈加困难。因此,我在 2020 年决定再次将重点放在前端上。
Rachel:你们当时为什么开始专门研究 CSS?
Bramus 我博客上的内容一直是反映我正在从事的项目的内容。因此,既有前端帖子,也有后端帖子。
参加 Fronteers Conference 和 CSS Day 会议等会议有助我撰写有深度的前端帖子。例如,看看 Tab Atkins-Bittner 在 2013 年谈论 CSS 自定义属性(这之前它们甚至还不是正式属性),或者您 (Rachel Andrew) 在 2015 年向我们解释 Grid 就是促使我直接撰写相关文章的事件。当时,我是一所技术大学的网络和移动开发讲师,因此我有很好的理由来关注,因为稍后我会教自己的学生有关这些学科的知识。
2019 年,我开始密切关注 CSSWG 并参与讨论。浏览器开发功能标志背后的功能,这意味着,我甚至能在发布之前就对我读过的内容进行实验。这在我的博客内容中得到了体现。
给新作家的建议
Rachel:对于那些想要开始撰写技术文章的人,您有什么建议?
Bramus:不要犹豫,直接行动。即使只是一行 CSS 内容、每年只发布 1 个帖子,或者您只有 5 位订阅者,也是如此:划算自己的想法,然后写出您希望自己找到的文章。通过在博客上撰写文章,我不仅挑战自己更细致地学习了相关技术,还在这个过程中为自己和专业的生活敞开了大门。
不要过度依赖 Medium 或 Twitter 等外部服务,而应尝试在网络中建立自己的位置。从长远来看,你将获得丰厚的回报。你无需任何出色的 CMS、构建流水线或评论系统即可开始使用。您只需要一个文本编辑器并留出一些空闲时间。HTML 与简单的样式表相结合,可以为您带来很大的益处。
CSS 中的新功能
Rachel:您已经提到了 CSSWG 和浏览器中正在开发的许多新功能,您认为对于网络的未来最令人振奋的是什么?您认为哪些工具对您的专业工作最直接影响?
Bramus:我和许多开发者一样,对 CSS 容器查询感到非常兴奋。其他即将推出的功能(例如级联层和链接滚动动画)也让我非常期待,但容器查询带来的影响无疑是最大的。它们让我们能够从自适应网页转换为自适应组件。
Rachel:您希望 CSS 中增加哪些特性或功能?
Bramus:滚动链接动画是我希望日后推出的功能之一。目前,这种草稿只是编辑的草稿。能够在不依赖 JavaScript 的情况下定义硬件加速滚动,这完全符合我的渐进式增强和低能耗规则的思维模式。
CSS 嵌套也是我的关注点。自首个编辑草稿发布以来,这款游戏历了两年多时间,但我很高兴看到它在去年夏天发布了其首个公开工作草稿。
除了这些较大的功能外,我更喜欢它的细微调整和增补项。accent-color 等功能肯定能让我开心,因为它让我的开发者生活更轻松。
激励网络用户关注的建议
Rachel:现在还有谁在网络上做着非常有趣、有趣或富有创意的工作?
Bramus:这是一个很难回答的问题,很多人制作的内容让我感到惊叹和启发。例如,Adam Argyle 和他的 GUI 挑战、Stephanie Eckles 的项目、Michelle Barker 的博文、Kevin J. Powell、Miriam Suzanne 在 CSS 工作组开展的工作、Una Kravets 的播客、Jake Archibald 的文章、Jake 和 Surma 的 HTTP 203、George Francis 的胡迪尼作品,以及 Temani Afif 的帖子。这些人、他们的项目,以及我现在要忘记的许多其他人,都为我尊重和敬仰。
在我的职业生涯中,我认为最有影响力的人是 Jeremy Keith。他向我们介绍了语义 HTML、渐进式增强和弹性方面的知识,让我大开眼界。这是我发送给学生的一封邮件,我今天仍然很喜欢。在 JavaScript 风靡全球的时代,初级开发者似乎已忽视了网络的基本要素,因此他的博文和演讲比以往任何时候都更为相关。
Rachel:您可以在 Twitter 上关注 Bramus,也可以在他的博客 (bram.us) 上关注他。