Miriam Suzanne 访谈

大家好！欢迎 Miriam Suzanne。Miriam 很快将在 CSS-Tricks 上发表更多文章，所以我们觉得访谈是让大家了解她的好方法。她从事网页工作的时间比我还要长，创建了一些非常棒的开源项目，对很多事情都有独特的见解。让我们开始聊吧！

Chris：你有多老派？你在 Netscape Navigator -3 上用表格设计网站吗？还是后来才接触到网页？

Miriam：我在 2000 年代初期创建了我的第一个网站——那时已经过了 Navigator 3。那正是 Netscape 和 IE 浏览器大战的巅峰时期，所有网站都写着“最佳浏览体验：使用***浏览器”。CSS 刚刚开始真正流行起来。我被教导在 Dreamweaver 中使用表格，但直到我看到了 Eric Meyer 的 CSS Edge 网站，并开始手工编写代码，我才对网页产生了兴趣。我第一份工作是在一家保险公司的网站上使用表格。我尝试用 CSS 重写他们的网站，但他们不愿意。在那之后我开始做自由职业，再也没有使用过表格。

我想我比你晚一点接触到网页。幸运的是，我认为我从未用表格构建过生产网站。

现在的孩子。😉

说到 Eric Meyer，我记得第一次见到你时，你也叫 Eric Meyer。我们在一个会议上相遇，因为你参与了 Sass 项目，并且是 Susy 的创造者等等。我好像记得你说过，你们两人都不得不将联系错的人重定向到对方。但现在你改名了！这仅仅是身份转变的一部分吗？

好吧，如果你还记得的话，这是一个分两个阶段的过程。我在 2013 年改了姓，以消除这种混淆。

当时我有一种感觉，我应该改变更多——但我还没准备好处理它。

我终于在去年改了名字，开始转型。

如果能一次性做完就好了，但…我们能称之为一个迭代过程吗？

一个 while 循环

（Chris 因为讲了一个太蠢连冷笑话都算不上的笑话，躲到了桌子底下。）

没错。

最终导致我决定改掉 Eric Meyer 混淆的最后一根稻草是一系列的会议。你被卷入了其中。🙂

CSS Dev Conf 在 Eric Meyer 取消行程后，把你的酒店房间给了你，你成了主题演讲人。

哦，哈哈，我记得。希望你不用睡在地下幽灵隧道里。

（我们当时在斯坦利酒店，以闹鬼而闻名，还有令人毛骨悚然的隧道和鬼魂之旅之类的东西。）

他们实际上给了我一个很大的三居室公寓，位于山坡上，距离酒店 3 分钟路程。我最终举办了所有派对。

但在那年早些时候，我的一篇演讲在一次数字艺术会议上被拒绝了，因为我发给他们的个人资料与 Eric 网站上的资料不符。他们基本上指责我撒谎。

稍微倒退一下…你的网页生涯始于一些保险公司的网站，然后转向自由职业，并且一直坚持自由职业？我知道你和你的兄弟姐妹在将近十年前创建了 OddBird。

我开始为我的剧团制作网站。那是我学习网页设计的原因。保险公司主要让我做印刷设计。他们落后于数字发展曲线的程度太大了。

有一次，我的老好人老板把我叫到他的办公室，可能是因为我是团队中最年轻的，他说“我们需要一个播客。什么是播客？”

这就是那个地方的氛围。

我告诉他，播客就像广播节目，但你必须主动去寻找。首先你需要的是人们真正想要的内容。“哦，我不认为我们有。”

是的…

我接下了第一个客户，当时有人问我是否认识能以低价制作网站的人。我和一位 Drupal 专家合作，一起制作了一些网站。我在第二个客户项目进行到一半的时候辞掉了保险工作，搬到了丹佛，并抱最好的希望。那是 2006-2007 年。Carl 和我在 2008 年开始合作，Jonny 在 2009 年加入。我们那时想出了这个名字，并决定把它做成一家公司。

现在还在运营，对吧？人们可以雇佣你做什么？

是的，我们现在有七个人的团队，并且像一家正规公司一样运作。

我们主要被雇佣为中大型公司构建定制 Django 网络应用程序。我们会构建他们的 MVP，帮助他们起步，然后将其移交给内部团队。

我们提供全方位的服务，包括品牌、内容、架构、设计、代码和测试——因为我们是一个小团队，所以这些服务是紧密整合在一起的。

Mozilla 在 2010 年给了我们第一个重大突破，为他们构建测试管理系统。我听说他们下个月终于要停用这个项目了。

有很多机构为客户提供了很棒的服务。但很少有机构像你们一样，决定构建、开源并维护大型软件项目。Susy 之类的项目是为客户需求而创建的吗？还是为了解决自己的问题？这里的故事是什么？

Susy 不是从一个特定的客户那里诞生的，但它确实来自于我们的客户工作。

我们想要一套一致的工具，可以从一个客户迁移到另一个客户，而不会强迫每个客户都使用相同的模式和布局技巧。

我从 Natalie Downe 和 Clearleft 所做的工作中获得了很多灵感，并且根据 她的 CSS 系统演讲 构建了自己的方法。

重点在于设计开放、灵活的系统，而不是把自己局限在特定的 CSS 类库中——这是对当时现有的网格框架的回应，也是一种与我的想法完美契合的理念。

但数学计算重复而复杂，直到我们看到了 Chris Eppstein 的介绍 Sass 和 Compass 的一小时长视频。

Susy 是我在 Sass 中构建的第一件事，也是我们想要 Sass 的主要原因。

在我构建了一个草稿后，Carl 将其放在了 GitHub 上。当时我对开源开发一无所知。他是这一切背后的推动者，但我必须快速学习。

Susy 是早期 Sass/Compass 插件之一，Chris 对它非常感兴趣，并鼓励我改进它、编写文档并使其适用于更广泛的受众。如果没有很多早期帮助，Susy 就不会像现在这样成功。

嗯，所以即使你并不了解所有的一切，也能有好的想法，做出很棒的东西并参与开源项目吗？

即使你一点也不了解那些有趣的东西，这也是有可能的！

现在我们认为开源是我们工作流程的核心。我们尽可能使用现有的工具，让客户工作更快更可靠，然后我们再将这些工作贡献回开源项目中。这是一个循环。

这算是一种不错的营销方式吗？

在我们的大部分历史中，开源工作和客户推荐一直是我们唯一的真正营销方式，主要来自 Django 社区，Carl 是那里的核心开发者。

我的 Sass 项目为我们的网站带来了很多流量，但很难说这些流量对实际合同的影响有多大。我想知道这是否与后端/前端存在差异，或者仅仅取决于项目的大小。

我们现在正试图更加有目的地进行营销，但仍然建立在我们过去有效的策略上：通过开源工作、慈善捐赠和分享我们在写作和演讲中所学到的知识，积极参与社区。

如今你在网络上对什么感兴趣？

我对 CSS 中的一些新功能非常感兴趣，比如 `@supports`，网格布局和自定义属性（变量）。

网格和变量特别让我兴奋，因为它们代表着 CSS 工作方式的根本转变。

• 网格改变了我们对文档中“流动”的理解。所有之前的布局技术都是一维的，相对于流动而言。网格是二维的，超出了流动的范围。我很好奇这会如何改变我们对网页设计的思考方式。
• 变量和自定义属性打破了 CSS 应该纯粹是描述性的这一长期信念。现在 CSS 正在成为一种可扩展的语言，具有编程能力。希望这意味着我们不再需要一直等待 W3C 和浏览器厂商为我们解决新问题，并在语言中添加新的属性。我期待着看到这些技术的演变。

我还对现在很流行的组件和模式感到兴奋。人们正在尝试更有效、更有意义地将设计模式表示为代码，这是一件好事。虚拟 DOM 是一个非常有趣的一步，但我认为仍然有很多细节需要解决。尤其是在平衡效率、可访问性和可维护性方面。

我认为我们可以做得更好，我相信我们也会做到。

我一直都在研究 Sass 中哪些成功了哪些没有成功，并想知道这些经验是否可以应用于 HTML 模板语言……

看起来你在技术之外还有很多兴趣。音乐！戏剧！写作！而且不仅仅是被动地喜欢，比如你周五晚上去看乐队演出，你就是周五晚上的乐队。

(甚至在我问这个问题之前，我们不得不暂停谈话，因为她必须准备当晚的演出。)

我从没想过我会成为一名网页开发者。我的专业是“编排戏剧”，这是一个技术术语，大致相当于“绿地迭代式网页开发”。你不是从一个预先写好的剧本开始，并使用瀑布模型，而是从一个想法和一个合作团队开始，然后迭代地完成最终的制作，使用任何能让你达到目的的媒介。我从 2001 年到 2006 年经营一家剧团，为了制作我们的品牌和营销材料，我学习了设计，为了建立我们的第一个网站，我学习了代码。

所有产品开发技能都可以直接转换。不久之后，我有了第一个客户，然后事情就从那里开始发展了。但我仍然认为艺术是我所做一切的核心。我虽然不再拥有剧院，但我有几部多媒体小说和一个名为 Teacup Gorilla 的成功乐队。我们刚为两个现场戏剧制作配乐，现在我们要制作一个音乐视频。你的职业不需要定义你，也不需要控制你的生活。

对我来说，这一切都是一体的。我喜欢构建体验，使用任何可用的工具。无论是制作一个节目，一个专辑，一个网格系统还是一个网络应用程序，这些都是次要细节。

难道里面没有一本关于体验的书吗？

是的，我第一次尝试写小说，结果写了 600 页全彩图片。我在 Kinkos 打印了一份样稿，花了 100 多美元。没有一家出版商愿意接受这样的处女作，所以我开始把它放到网上，并添加动画。我从来没有走得很远，但它仍然在那里。也许有一天我会回去把它完成，也许我不会。我决定为第二部小说保持简单。

Riding SideSaddle* 去年由 SpringGun Press 出版。它是一个用 250 张便签纸写成的故事，是一系列可以随意打乱顺序阅读的回忆。但不要被这种“实验性”的形式所迷惑：它读起来很快，故事也很容易拼凑起来。

它松散地基于希腊神话中的萨尔玛西斯和赫马弗罗狄特斯，他们被神融合成一个人。它变成了对性别、性取向和酷儿群体的反思。

这比我们预期的也更难印刷，但我们还是做到了。我的下一部小说将是一本真正的书。让我们保持简单。🙂

我认为当我在写作社区里开始谈论我小说的“创新预算”和“用户测试”时，让很多人感到惊讶。不过我对结果很满意。很高兴我能将我的产品开发经验融入到我的艺术创作中。

这对我来说既迷人又可怕。

可怕在哪里？

就像如果所有的绘画作品都要进行用户测试，那就会只剩下日落画了。

好吧，用户比我们想象的要聪明。我认为我的观众永远不会想要一幅标准的日落画——听起来你也不想。当我测试 Susy 时，有一半时间我都在学习我的用户需要更多复杂性和更多功能。我认为，UX 开发者和艺术家都倾向于低估他们的受众——我认为这会导致糟糕的/无聊的设计。

但用户测试也不意味着你只能做用户要求的事情。我从自己的目标和我想传达的内容开始。然后我不得不观察人们与它互动，看看我是否走在正确的道路上。

我认为，做得好的用户测试永远不会阻止你创新。它应该让你能够自由地进行实验，然后观察哪些有效，哪些无效。

在这种情况下，卡片起作用了——只要我在所有或大多数卡片上添加了人物姓名。人们很乐意无序地阅读故事，只要他们有可以抓住的线索。

在我看来，这主要关乎信任用户来告诉你哪些不起作用。但永远不要相信他们能告诉你哪些会起作用。这就是创新和实验的用武之地。

换句话说：对于艺术和产品开发来说，你必须信任用户，也必须信任自己。你自己的沟通/商业/审美需求与用户的需求同等重要。但只有当你能够将两者协调起来时，你才能拥有一款成功产品。

你也要相信用户希望感到惊喜，而这并不是他们能告诉你如何实现的。

他们只能告诉你，他们已经厌倦了夕阳画。🙂

好的，我认为我们可以用一个热情的欢迎结束这次谈话！各位读者，敬请关注 Miriam 即将发布的文章。还有其他想告诉大家的吗？

我期待着！如果有人对我的主题有任何要求，我很乐意听取。