前几天,我正在 Twitter 上漫无目的地刷着,看到一篇有趣的文章,标题是“挑剔早餐的理由”。我喜欢食物,尤其是早餐,自从疫情爆发以来,我一直利用会议之间的休息时间(有时甚至在会议中,嘘),做一份完整的培根、荷包蛋、蔬菜拼盘,所以我真的读入了这篇文章。在一天中最重要的一餐中为自己创造一点空间,这种小小的快乐对我来说意义重大——当其他一切似乎都失控时,沉迷于某种仪式在一定程度上抵消了我们集体困境的强度。
这让我想到将这种“挑剔”应用于其他无关紧要的快乐。散步。洗个澡。**编程呢?**
虽然我们都专注于使用最热门的软件发布最新的功能,并获得最佳 Lighthouse 分数,但我却错过了一些网络上的乐趣。应用程序目前很少表达对用户体验、指导、丰富性和——好吧,对试图通过计算机进行交流的人类的关怀,我们肯定在很大程度上屈服于……计算机。
我有点厌倦了网络被视为一个简单的文档阅读器,尽管我确实喜欢健康的 Lighthouse 分数,但其中一些点矩阵似乎更多地依赖于我们开发者在这种游戏化中的自我,而不是真正考虑我们在不增加太多重量的情况下能够做什么。SVG 可以非常小,同时仍然具有影响力。一些效果只是一小段 CSS。JS 动画可以延迟加载。如果你愿意冒险一点,你甚至可以用文字、颜色和布局来炫耀,根本不需要增加任何重量!

我最近最喜欢的几个开发者网站是Josh Comeau、Johnson Ogwuru和Cassie Evans。这些小小的快乐和触动,这些小小的顿悟时刻,让我留下来。我在网站上四处游荡,探索,学习,感觉自己实际上与这些人中的每一个人都更加紧密地联系在一起,而不是感觉自己只是在浏览他们简历的 PDF 文件。他们展示了他们的实力,向我展示了他们对构建事物的自豪感,这让我着迷!这些小细节不仅仅是许多人将任何“多余”的东西描绘成的那种花哨:它们完成了网络想要完成的任务。我们正在使用这个工具——计算机——作为我们自己的延伸来进行交流。
细微差别可能具有挑战性。作为程序员,很容易陷入绝对之中,最近其中一个绝对就是,如果你有任何一点乐趣,任何一点风格,那一定意味着它“没有用”。老实说,我认为恰恰相反。情绪与边缘系统相关联,使记忆更容易回忆。如果你的网站只是一段平淡无奇的文字,谁会记得它呢?
难道你不想构建一个让全球各公司团队铭记并将其作为灵感引用的网站吗?我在四家不同的公司工作过,人们都提到Stripe是一个他们渴望效仿的网站。Stripe 敢于冒险。Stripe 讲述故事。Stripe 激发了开发者的想象力,直接与我们对话。

我感到难过的是,在思考 Stripe 多么精准之后,大多数公司都忽略了他们在探索它时学到的许多东西,这真是讽刺。任何创造力、风险和意图都被“实用性”的鼓声一点一点地慢慢削弱,只见树木不见森林。
**当一个网站用心和热情制作时,你就能看出来。你在访问时能感受到它,感受到意图的嗡嗡声。**工艺、连贯性和对细节的关注显而易见。反过来,你也会与之产生共鸣。这些网站的跳出率低,用户参与度指标最佳,并且会收到诸如“我可以贡献吗?”之类的问题。无需任何花招。
如果你没有时间怎么办?当然,我们都必须完成任务。也许这是一个挑战:你可以融入什么小东西让别人注意到?你可以从一个细节开始吗?我最初的早餐并不是荷包蛋,有一天我做了一个滑稽的炒蛋。后来就发展成这样了。你可以挑战自己学习一项新的技巧吗?你可以外包一个图形吗?你可以引入一个微小的彩蛋吗?用与典型的公司语言略有不同的方式表达一些内容?
如果某件事对你来说有意义,那么你聚集的受众很可能也会发现它有意义。
我喜欢这篇文章(几乎和我喜欢早餐一样)。在保持功能性和实用性的同时,用心呵护并表达自我,是软件工程(实际上是所有工程)的最佳体现。
它让我想起最近看到的“最佳”网站是当地一家咖啡馆的网站:http://www.gallerycafesf.com/
它写于 20 多年前,但温暖和趣味性依然闪耀,毫不掩盖其实用性。
你应该看看 Wiby.me :)
我真的很喜欢 Josh W. Comeau 的作品。确实令人鼓舞。
读得很不错。引起了我的注意。我心想,“挑剔?肯定不好”,但在深入你的文字后理解了你的意思。在很多方面,我必须对你此刻的焦虑感表示同情。随着时代的变迁,设计和代码也必须随之改变。一些开发疲劳可以激发一些方向的转变。当你设计界面时,你的脑海中会不由自主地产生一系列问题,这甚至可能会减缓你的速度,不是因为你在学习或练习技能,而是因为你在思考它是否可以变得不同、更简单、更好。最后,你的早餐听起来非常美味。
如果我能有足够的自律,腾出时间真正构建我的个人网站就好了!我有四个文件夹分别命名为“2016 年个人网站”、“2018 年个人网站”、“2019 年个人网站”和“2020 年个人网站”,每个文件夹都包含一些 Photoshop 文件和一个我运行“vue create .”的文件夹(或当时我感兴趣的任何技术栈)。
最新的一个终于上线了,这要感谢 Sanity 和 Netlify 使它变得如此简单,也许我会直接用代码设计它,并在过程中写博客记录。
或者也许我会在 2021 年再往堆里添加另一个文件夹……
Flash 由于很多原因而成为一件坏事。可悲的是,当我们决定继续前进时,我们似乎也放弃了情感化或充满趣味地构思的网站。就好像趣味性或高概念构成了安全风险,或者无法做到无障碍一样。感谢你写下这篇文章。
我发现事实恰恰相反。我喜欢你列出的那些网站,但我认为网站并非仅仅被视为文档阅读器。
太多网站看起来像 Dribbble 的衍生品。很多网站非常漂亮,但难以使用(大多数 Awwwards 网站)
我同意许多网站过分强调设计。但这需要平衡,因为我几乎无法阅读像http://paulgraham.com/这样的网站上的文字。
术语“视觉设计”提醒我们,大多数设计是直觉,而不是美学。
在古怪的开发者网站方面,KIRUPA 也非常棒。有很多小小的古怪细节。
如果软件没有提供足够的增值,我永远不会使用它。我从未使用过redux,因为你需要为想要实现的功能编写太多代码。我选择使用原生 JavaScript 而不是 TypeScript/PureScript/…,因为 JavaScript 这些年来已经得到了很大的改进。
Lighthouse 分数是 Google 想要你遵循的奇怪规则。Google 不是定义网络应该如何存在的权威来源。我真的很讨厌图像的延迟加载,它对用户没有任何价值。HTML 提供了 picture 标签,你可以使用
srcset
,图像格式也在不断改进,使用更少的数据获得更清晰的图像。你真的需要一个 JavaScript 技巧来获得更高的分数吗?胡说八道!我不是设计师,但当设计富有创意时,我可以看到其中的艺术。我多年来制作网站一直遵循的唯一规则是,为人们而不是机器制作网站。如果人们想要获取数据,就制作一个纯文本网站。如果人们想要在网站上放松身心,就根据需要使其尽可能重量级,尽可能多地使用代码和字节。网站没有一个模板。
现在我将从我的讲台上走下来,以免警察到来。
哈哈。
我正在 YouTube 上观看吉他手 Steve Vai 解释他的技艺:他谈到将你的意图融入(音乐)音符中。
他还印证了你所说的话,如果你喜欢你创造的东西,其他人也很可能喜欢。
Josh 的网站可能是唯一一个我每天都会访问的网站。除了那里有大量的宝贵内容之外,你还可以一目了然地看出 Josh 真的决心在上面留下自己的印记。是的,我永远羡慕他,并希望有一天也能像该网站一样,传达出同样的用心、耐心和创造力。