返回

文章详情

CodePen 2.0

Hacker News2026年7月30日 17:52

2026年7月30日,值得注意的是我个人职业生涯中最大的成就之一,也就是推出了CodePen 2.0。比起原版CodePen的创建,这里花费的工作量远远更多,信不信由你。这不是描述我们所做的一切细节以及我们为什么这样做的地方。如果你感兴趣,可以看看我们的Why 2.0?播客或者What's New?页面。相反,我想分享一些发布首周的故事。我与一个之前从未见过的人合作做一个演示。它开始于他们的(经典版)Pen。由于他们需要导入其他JavaScript,因此他们使用了3个Pen,将其他两个的JavaScript引入主演示中。他们还需要一个npm包。我分叉了该Pen并邀请他们作为共同编辑,这样我们可以随时一起工作。我将JavaScript移动到主Pen上的文件中,因为这样更容易处理。npm包在package.json文件中,便于版本管理。我们都把它整理到我们喜欢的样子。Keyframers(David和Shaw)在发布当天重聚,并进行了直播。他们还使用了邀请功能和实时协作。他们合作了几个小时,虽然出现了一两个Bug,但并没有什么大问题,进行得非常顺利。我最喜欢的一部分是,他们共享了Pen的实时视图,在他们工作时,我们也可以自己玩这个演示。在处理我们将要发送的关于发布的邮件时,我正在使用一种特殊的语言来构建这些邮件:MJML。我提前将MJML添加为CodePen中的一个块,这样我就可以在CodePen中直接构建它们。效果很好,甚至对于奇怪的东西也一样。将会有更多的块推出。我真是太喜欢通过Pen编辑器制作小网站并直接部署它们了。就像我们的slideVars库或codepen.school的网站一样。这让我想要搭建大量的小奇怪网站。

赞助内容

NordVPN Next-gen Antivirus

本站免费、广告极少。如果觉得有帮助,可以请我们喝杯咖啡 —— 任何金额都对持续运营有实际帮助。

请我喝杯咖啡