第十个四年

我们度过了十年！这是我们的十周年纪念日！🎉 我们迎来了两位数，这是一个特殊的时刻。每年 7 月 4 日，我们都会发布文章来纪念这个日子。按照传统，请允许我稍微聊聊过去和现在。

---

这网站上第一篇文章，其实就是一个 CSS 技巧。也是一个经典技巧。“标题文本图片替换”

.headerReplacement {
   text-indent: -9999px;
   width: 600px;
   height: 100px;
   background: url(/path/to/your/image.jpg) #cccccc no-repeat;  
}

有趣的是，就在前几天我还用过这个技巧。

这篇文章对我来说很有意义，原因有很多。首先，我当然不是这个技巧的发明者。当时，我自己才开始学习 CSS，只是把遇到的有趣的东西写下来，并在自己的工作中使用。我认为，通过像这样写下解释，我能更深入地理解它。

另外，当时我完全没有意识到这种技巧在 CSS 历史中的地位，以及它在关于 CSS、语义、可访问性等等的更广泛的讨论中的位置。一年后，我开始对这些东西感兴趣，并做了像收集了许多可能的图片替换技巧的事情。最终，甚至还为此做了一个“博物馆”。

---

在我继续讲述之前，我必须提一下，为了纪念周年纪念日，我们刚刚重新开张了商店。我们设计了一些与网页相关的极客 T 恤，希望你能购买一件，以支持网站。

---

当时，CSS-Tricks 是一个运行在 PHP 和 MySQL 上的 WordPress 网站。今天，它还是一个运行在 PHP 和 MySQL 上的 WordPress 网站。不过，当时 WordPress 是 2.0.1 版本，现在是 4.8 版本。当时 PHP 是 5.2 版本，现在是 7.1 版本。当时 MySQL 是 5.0 版本，现在是 5.7 版本。在十年的时间跨度中，这些版本号的提升看起来很小，但实际上它们是相当重要的技术进步。

---

当时我们用 HTML、CSS 和 JavaScript 制作网站。如今，网站还是用 HTML、CSS 和 JavaScript 制作。

---

我尽量保持设计历史的完整性。让我们来回顾一下过去头部的样式。

---

这一点不可低估：让一个网站持续运营需要投入大量的精力。总有事情要做。

• 总有软件需要更新。
• 总有奇怪的 bug 需要处理。
• 总有商业机会需要努力才能实现。
• 总有设计的一部分需要认真考虑。
• 总有 SSL 证书需要关注。
• 总有服务器或 DevOps 方面的事情需要考虑。

在我的待办事项列表中有一整个名为“网站工作”的部分，里面充满了需要完成的事情。例如，现在我就知道有些资源的加载方式不是我想要的，为了性能原因我需要进行检查。我想对嵌入的 Pen 进行一些操作，默认情况下让它们更宽一些，但我需要注意不要破坏任何布局。我知道 markdown 在论坛中第 692 次出现怪异行为，并且私有论坛在一个我不希望它出现的地方公开显示。这仅仅是整个列表的 5%！

我不敢想象如果所有这些工作都没有持续进行，会发生什么。网站会分崩离析。

这还不包括你可能认为的运营网站所需的真正工作量。

• 撰写新内容
• 编辑提交的内容
• 更新旧内容
• 管理发布计划和规划未来内容
• 社区管理
• 推广和营销网站
• 寻找赞助商
• 确保赞助商满意
• 社交媒体

如果你完成了这两份清单上的所有工作，希望你就能继续保持下去。每个人都能从他们的努力中获得报酬。这不是一个飞速增长的网站，而是一个规模适中的出版物。

---

说到缓慢增长，这就是现实。

这并不意味着每年都在做着相同的事情。这意味着越来越多的人参与到网站建设中，越来越多的资金被投入到网站中。

有趣的是，大部分流量是由搜索产生的。当然，我不反对这一点。我很高兴这个网站出现在搜索结果中，并且能够以这种方式帮助人们。与此同时，拥有活跃的读者群非常有价值。不仅仅是出现在搜索结果中的人，还有像阅读新闻一样定期阅读网站的人。这确实是一个平衡。这就是为什么我们会在通讯上投入资金，以确保我们有方法让 CSS-Tricks 能够及时传达给你，并且值得你花时间阅读。

---

就个人而言，我仍然住在密尔沃基，在迈阿密呆了 7 个月后回到了这里。我的未婚妻米兰达在佛罗里达国际大学找到了一份工作，我们抓住机会搬到了那里，避开了威斯康星州的冬天，并且离我们在佛罗里达州的朋友很近。我很少公开发布关于个人生活的事情，但今年对我来说将会是意义非凡的一年。从迈阿密搬到那里再搬回来是一件大事！米兰达和我要在今年夏天结婚！我们还将在秋季迎接宝宝！我们还计划在夏末搬到俄勒冈州！疯狂的时光。几乎不可能有更多的事情发生了，尤其是在今年要经营多家公司以及安排相当密集的演讲日程的情况下。

---

我主要关注的是CodePen，它在过去一年里取得了巨大的成功。在获得融资、雇佣一支优秀的团队，以及发布大量重要内容之后，我们终于来到了所有企业都渴望达成的令人愉快的境地：盈利。CodePen 的想法路线图绝对是无穷无尽的。我从未像现在这样强烈地感觉到我们面前还有如此多的工作要做。

---

我要特别感谢所有赞助商，他们让网站得以存在。我无法感谢每一位，但我要特别感谢Media Temple，它一直是 CSS-Tricks 的长期赞助商和支持者。

---

当然，最衷心的感谢要献给所有读者，如果没有你们，就没有理由建立这个网站。这里发生的讨论是顶级水准，我非常高兴能促进它。最后，正如你可能知道的，这个网站是由前端开发人员为前端开发人员建立的，所以如果你有想说的话，请随时联系我们。

---

查看 Pen Conways Fireworks，由 Ben Matthews (@tsuhre) 在 CodePen 上创作。