谢谢（2022 年版）柏拉图区块链数据智能。 垂直搜索。 人工智能。

谢谢你（2022 年版）

时间戳：28年2022月10日凌晨46:XNUMX

你知道，每年的这个时候，克里斯通常会发表对过去一年的重要回顾。 这 第一 发表于 2007 年，同年 CSS-Tricks 开始，它 一直持续到2021年 没有错过任何一个节拍。 这些年来我自己一直是 CSS-Tricks 的读者，我不愿意看到这种变化。

所以，我们来了！ 就过渡而言，2022 年肯定是非常糟糕的一年。 去年的这个时候，我们正在展望来年的一些目标（我们会实现的），但最终加入了 DigitalOcean。 那是一个巨大的翻天覆地的变化（双关语意），但你一直坚持我们。 这么多人来这里阅读我和许多其他客座作家在这里发表的东西，对我来说真的意义重大。 没有你们，它就不是一个社区（或任何乐趣）。

谢谢！

这是我们今年发布的最后一篇文章，因为我们在假期挂起了 Gone Fishin' 标志。 我们会回来的 9 年 XNUMX 月 有大量新鲜出炉的内容。

好的，这是我们开始深入研究网站分析的地方。 这是我们一直保持透明并将继续做的事情。 这不像我们的数字在一些禁止进入的黑盒子里，希望分享它们以某种方式帮助您和您的企业。

总流量

总体而言，Google Analytics 总共显示了 64 m 全年的网页浏览量。 那是 哇哇哇 低于去年的 88 万，乍看之下令人震惊。 我的意思是，谁想看 27% 流量同比下降？

但这是有充分理由的，因为我们发布了一个 一路走好 今年内容少。 我们都知道克里斯是一位多产的作家（而且 还是，当然），经常一天吐出多个帖子。 这有点像我们失去了一年中大部分时间最有成效的贡献者。 让我们比较一下过去几年的出版活动：

  • 2020年： 1,183文章
  • 2021年： 890文章
  • 2022年： 390文章

考虑到我们发布的内容，综合浏览量下降 27% 的影响要小得多 43% 文章比去年少，而且数量惊人 67% 少于 2020 年的总和。

嗯，我不觉得我的工作量减少了 67%……

所有这一切都伴随着一个警告，即这正是我们从谷歌分析中得到的。 在过去的几年里，克里斯将这些数字与来自 Cloudflare （位于站点顶部的 CDN 层）和 Jetpack的 （将我们的自托管 WordPress 网站连接到 WordPress.com 的 SaaS-y 功能的插件）。 结果始终不一致，以至于我这次甚至都懒得看。 （好吧，好吧，也许只是 Jetpack ……它显示了 59.9 万的页面浏览量——奇怪的是超过了 2021 年的 55 万总浏览量。）

文章，按数字

这是我每年都期待的！ 以下是 2022 年十大文章 于2022年出版:

  1. CSS 链接悬停效果的 6 个创意点子 — 哈希尔·帕特尔
  2. 向我解释 Twitter 源代码的前 10 行 — 阿南德·乔杜里
  3. 2021 年最热门的前端工具是什么？ — 路易斯·拉扎里斯
  4. 用新的 HTML 对话框元素替换 JavaScript 对话框 — 麦兹·斯托曼
  5. 向 selectmenu 打个招呼，这是一个完全可样式化的选择元素 — 帕特里克·布罗塞特
  6. 在用户离开页面时可靠地发送 HTTP 请求 — 亚历克斯·麦克阿瑟
  7. grid-template-columns — 莫吉塔巴·塞耶迪
  8. CSS Cascade 层的完整指南 — 米里亚姆·苏珊娜
  9. CSS 数据库查询？ 我们当然可以！ — 克里斯·科耶
  10. CSS-Tricks 加入 DigitalOcean！ — 克里斯·科耶

我真的很惊讶最后一个没有排在名单的前面。 我真的很高兴看到里面有一个来自 Alamanac 的东西，特别是因为 Mojtaba 在 所有 CSS Grid 属性 在过去一年半的时间里，他把它踢出了球场。 在我开始阅读他装入每个属性中的所有金块之前，我认为我对网格有很好的处理能力。 那里有很多东西要学，而且 Mojtaba 有能力清楚地解释复杂的事情。 我希望更新 CSS 网格指南 包含所有这些新鲜信息（稍后会详细介绍）。

我也喜欢看里面的 CSS 层叠层指南！ 我和 Miriam 一起工作很开心。 如果你不知道， 她是规范的编辑. 在这里举办她的作品并让我们所有人都可以收藏和参考，这是一种享受（真的很荣幸）。

这是踢球的 11-20：

  1. 使用基本 JavaScript 的动画 ——Md Shuvo
  2. 面向前端 Web 开发人员的 Flutter ——Obumuneme Nwabude
  3. CSS 网格和自定义形状，第 1 部分 — 泰马尼·阿菲夫
  4. 编写 HTML，HTML 方式（不是 XHTML 方式） — 延斯·奥利弗·迈尔特
  5. 4 个新的 CSS 颜色功能的哨声之旅 — 克里斯·科耶
  6. 使用背景属性的酷悬停效果 — 泰马尼·阿菲夫
  7. 让我们创建一个微型编程语言 — 舒沃博士
  8. 使用背景剪辑、蒙版和 3D 的酷炫 CSS 悬停效果 — 泰马尼·阿菲夫
  9. HTML + CSS 的完美目录 — 尼古拉斯·C·扎卡斯
  10. 基于 CSS 的指纹识别 — 克里斯·科耶

2022 年发布的所有帖子组成 4.8 m 综合浏览量，或大约 7.8% 所有综合浏览量。 我们浏览次数最多的文章始终是 ol' Flexbox 指南 获得了 5.8 m 今年的观点。 我很乐意看到我们的新内容超过那一项，而且我相信如果我们跟上发布的步伐，这很容易发生。 回到餐巾纸数学，但如果我们再发表 67 篇文章以匹配去年发表的文章数量，我们可能会有大约 540 万的页面浏览量。

如果我们后退几步，那么我们可以看到过去一年中浏览次数最多的文章，无论它们是何时发布的：

  1. Flexbox 完整指南
  2. 网格完整指南
  3. 完美的整页背景图片
  4. CSS 的形状
  5. 标准设备的媒体查询
  6. 使用 SVG
  7. 如何缩放 SVG
  8. CSS 三角形
  9. CSS 中的渐变边框
  10. 使用省略号截断字符串
  11. 使用方法 @font-face 在 CSS 中

是的，几乎与去年相同。 而前年。 而前年。 而且……嗯，差不多。 “CSS 中的渐变边框”是新的， box-shadow 清单上的财产。 从四个位置开始的其他一切都只是交换了位置。

说到年鉴中的属性，我想看看你们在过去一年中引用最多的是什么：

  1. ::after / ::before
  2. transition
  3. box-shadow
  4. scrollbar
  5. justify-content
  6. flex-wrap
  7. gap
  8. overflow-wrap
  9. animation
  10. white-space

一个伪在顶部，之后只有属性。 有趣的是，鉴于关系伪选择器的功能类似于 :has(), :is()及 :where() 是街区的新孩子。

订阅电子邮件

这里的数字太乱了，无法得出任何有见地的结论。 在迁移到 DigitalOcean 之后，出于合规性目的，我们不得不清理我们的 91K+ 订阅者列表，结果这个数字直线下降。 如果你被从列表中删除， 你可以在这里重新订阅.

好消息？ 我们还在做时事通讯！ 我们其实 八月份重新启动 经过五个月的中断。 我们以每周一次的节奏进行，但现在是每月一次，而您真正在创作它。 我当然希望将其恢复为周刊。 （我想你，罗宾！）

网站更新

老实说，这主要是为了让船漂浮起来。 除了一些小的调整和维护之外，该网站几乎与去年的这个时候一样。

这将在 2023 年发生重大变化。如果您一直关注我们的月度 CSS 场景的背后 更新，然后你知道我们正计划将 CSS 技巧从 WordPress 迁移到 DigitalOcean 用于其所有（恒星）的同一个土生土长的 CMS 社区内容.

这项工作几个月前就开始了，应该会在今年上半年完成。 您可以打赌，我们会一直为您提供最新信息。 除了一个 新鲜的设计 和一个新的后端，它应该照常营业。 如果您对这项工作有任何疑问，以及它对您最喜欢的前端出版物意味着什么，请联系我 在评论中 or 给我发电子邮件.

如果您还没有看过，这里有一些我们的设计师 Logan Liffick 整理的合成图：

2021年目标回顾

哎呀，我什至犹豫要不要看。 与 DigitalOcean 集成并找到新的节奏所付出的所有努力占据了每个人的时间，几乎没有什么可以用来实现 Chris 的目标，这些目标是：

  • ✅ 更多 SEO 重点。 我会给我们一个及格分数。 事实上，克里斯和我在收购之前就已经在深入研究这个问题了。 我们用 RankMath 替换了 Yoast SEO 插件，利用它的编辑器内工具来帮助我们学习如何针对搜索结果优化我们的帖子。 需要明确的是：这与其说是为了增加流量以获得更多赞助收入，不如说是认识到搜索是像您这样的读者找到我们的主要方式，并让您更容易找到您正在寻找的东西。 尤其是现在，我们得到了 DigitalOcean 的支持，并且对赞助的依赖比以前少了。
  • 🚫 另一本电子书。 摇摆和错过！ 好吧，我们从来没有真正摇摆过，也没有因此而进入击球手的禁区。 （这就是运动类比的原理吗？）克里斯出版了一本关于 最伟大的 CSS 技巧 2020 年，成为付费 CSS-Tricks 订阅者的福利。 我们的想法是今年再做一个，但我们取消了付费订阅并开放了 The Greatest CSS Tricks 供所有人免费享用。
  • 🚫 更多社交媒体实验。 没有！ 但考虑到 Twitter 此刻所处的位置，这可能是最好的选择。 明年我们可能被迫在这个领域进行试验，更多的是出于必要而非兴趣。 众所周知，Twitter 一直是 CSS-Tricks 流量中的一滴水； 如此之多，以至于投资它就像把鸡蛋放在错误的篮子里，呃桶里。 我不知道。 在决定任何新的或不同的东西之前，我的一部分只是想坐在我的手上看看事情是如何发生的。

2023年目标设定

新的一年，新的目标，对吧？ 请允许我在团队口中说出一堆话，并提出我认为我们进入 2023 年的首要任务：

  • 顺利的站点迁移。 没有什么能让我更快乐1 而不是毫无障碍地迁移到 DigitalOcean 的架构。 但是拜托，我们都知道 东西 总是在该走的时候出现。 这个网站有超过 7,000 年的 15 多篇文章，并且有 19个版本的网站 在那个时间跨度里。 有如此多的自定义帖子类型、自定义字段、页面模板、功能插件、集成和超过 6GB 的数据库可以移动并映射到现有系统。 幸好我们这里有一流的开发人员团队来承担它！
  • 发布 1-2 个新指南。 实际上，我很想瞄准更高的目标。 我们从 2020 年的九个新指南到 2021 年的一个微不足道的新指南，以及去年的另一个指南：Miriam's CSS 层叠层完整指南. 我有一个清单，上面还有 10 个我想写的，但考虑到我们最近的记录，我认为我们会把门槛定得很低。 我之前提到过，我很乐意将 Mojtaba 在 Almanac 中的工作合并到现有的 CSS Grid 指南中。 这是一项不小的工作量，如果我们能完成它，我会把它算作目标。
  • 展开年鉴。 这是我的登月计划。 我很想在那里看到更多类型的文档。 我们有伪选择器和属性，这很棒而且一直都是。 但是，哎呀，想一想我们可以在那里拥有的所有其他东西：函数、at-rules、单位、选择器、属性值等等。我们只是触及了可能进入那里的表面！ 如果我们得到其中之一，我会在 place-self: heaven.

太谢谢你了 so 许多！

这是我梦寐以求的工作，没有像您这样的读者，我不会拥有它。 我不敢相信我的第一篇文章发表已经八年了，我还在这里， 工作 向我们领域最聪明的人学习。 我可以漫无目的（比我已经拥有的更多）CSS-Tricks 社区对我的意义，但它真正归结为......谢谢，谢谢， 谢谢. 从心底里， 谢谢.

还要感谢 DigitalOcean 的所有优秀人员，他们为 CSS-Tricks 营造了一个美好的家园。 特别向 Haley Mills、Sydney Rossman Reich、Bradley Kouchi、Karen Digi、David Berg、Matt Crowley、Logan Liffick 和 Kirstyn Kellogg 击掌，感谢他们让我个人跟上进度，让我在这里感到非常受欢迎。 这是一个很棒的地方。

前进，我们出发！

时间戳记：

更多来自 CSS技巧