CSS 幕后花絮,2022 年 11 月

Avatar of Geoff Graham
Geoff Graham 发布

DigitalOcean 为您的旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分!

是秋天了吗?冬天?我不知道,但我今天早上醒来时发现前院下雪了,感觉是时候写一篇关于过去一个月 CSS-Tricks 发生的事情的小更新了,就像 我们不时所做的那样

首先是 CSS-Tricks 新闻稿!在经历了几个月的休眠期后,我们终于开始找到节奏了。 上一期 在 10 月底发布。这是我们连续第三个月能够发布它,我认为这对保持一致性来说是一次重大胜利。当然,它还没有恢复到之前的每周发布节奏,但随着我们团队的不断建立,这是我们追求的目标。

说到团队,我们有了一位新成员!我们聘请了 Andrea Anderson。她是一位经验丰富的技术编辑,我们很幸运能有她加入。虽然她可能会偶尔在 CSS-Tricks 上发表文章,但她的主要工作重点是制作整合到 DigitalOcean 社区网站 的内容。

哦,说到 DigitalOcean 的社区,看看这篇 Developer Markepear 博客文章,深入探讨 DigitalOcean 的写作流程。说真的,这是一个非常深入的探讨,涵盖了教程的概述和结构,教程档案的导航用户体验,以及每一篇文章中内容和广告之间的微妙互动。

我真的很喜欢 DigitalOcean 的教程被描述为“先提供价值”的内容,并且“充满了价值”。这充分说明了该团队的工作作风,我可以亲身证明,他们确实是顶尖的。这确实是 DigitalOcean 和 CSS-Tricks 完美匹配的原因。

广告也是我们目前的首要考虑因素。当我们 进行调查 几个星期前,我们知道人们会担心 DigitalOcean 收购后 CSS-Tricks 的广告会受到什么影响。我们会删除它们吗?把它们都变成关于 DigitalOcean 的吗?还是保持现状?我的意思是,CSS-Tricks 一直以来都是依靠广告模式来维持运营的,但现在它得到了公司的支持,我们真的还需要依赖广告吗?

调查结果表明,你们许多人喜欢这些广告。它们有点像网站上的产品推荐,我认为这证明了 Chris 为确保广告 (1) 推广优质产品,以及 (2) 与我们所做的前端工作相关而付出的努力。举个例子,我们最近将一些 DigitalOcean 广告替换成 Cloudways 托管广告,因为 DigitalOcean 收购了它。这些广告效果不佳,所以我们又换回了 DigitalOcean 的广告,这些广告的效果已经相当不错了。

(顺便说一下,广告的优惠相当不错…… 200 美元的免费积分 可以用来启动您的项目。)

将 CSS-Tricks 从 WordPress 迁移到 DigitalOcean 社区用来发布内容的相同 CMS 的工作仍在进行中。许多工作仍然是将 WordPress 内容字段映射到新的 CMS。当我们谈论一个拥有 7000 多篇文章且历时 15 年的网站时,这可不是一项简单的任务。进展顺利,网站的初始架构也很好。接下来,我们需要弄清楚如何处理 WordPress 块,复制它们的功能,并创建一份我们需要迁移的所有内容的清单。呼!

新面孔!

与往常一样,我们每个月都会在网站上看到一些新面孔,因为我们会与新的客座作者合作。这个月,我们欢迎 Krzysztof GonciarzLorenzo Bonannella。看看他们的文章,并为他们分享作品点赞。写作需要付出很多努力,更不用说需要勇气才能将自己的想法展现给别人。所以,非常感谢 Krzysztof 和 Lorenzo!

认识 Mojtaba Seyedi

我认为,与我们的一位长期作者进行交流是结束本月更新的一个好方法。很少有人像 Mojtaba Seyedi 一样为 CSS-Tricks 贡献了如此多的文章。你可能不会经常在档案中看到他的名字,但这仅仅是因为他把大量时间都花在了 年鉴 上。

我向 Mojtaba 提了一些关于他工作的问题,他很慷慨地回答了这些问题……

第一篇文章 是关于 Sublime Text 编辑器的插件汇总,时间可以追溯到 2017 年。是什么让你想到要在 CSS-Tricks 上发布这篇文章?

我过去对 Sublime Text 编辑器及其插件非常热衷。每当我对重复性任务感到厌烦时,我总能找到一个插件来缓解痛苦。我会向我的同事展示我正在使用的插件有多有趣,并鼓励他们使用它。

我当时——2017 年——的新年愿望之一就是要在 CSS-Tricks 上发布一篇文章。我一直认为这个想法非常技术性。我从未想到我可以简单地创建一个关于我发现对开发有用的 Sublime Text 插件列表!现在,我可以理解我设定的高标准是如何阻止我写一些我喜欢的主题的。

我曾经一度想要放弃写这篇文章。我给自己施加了心理压力,认为已经有无数的文章涵盖了完全相同的内容。但我出于好奇,搜索了一些关于 Sublime Text 插件的热门文章,出乎意料的是,我没有看到任何我正在写的内容。所以,这就是我在这家网站上提交我的第一篇文章的方式!

你总共为 CSS-Tricks 写了 35 篇文章,其中 33 篇在 年鉴 中。你为什么喜欢写这种技术信息?

年鉴条目是可参考的。 我们会不断地回到它们,以检查属性或选择器的语法。例如,我们可能需要访问 背景 简写属性,以记住 background-position 值是在斜杠 (/) 之前还是之后 (/)。 参考永远不会过时,这就是年鉴对我来说很特殊的原因。

同样,文档编写很有挑战性。为 CSS-Tricks 年鉴写作的挑战之一是阅读和理解 W3C 的规范。例如,当我想要写关于 mask-border 属性的文章时,CSS 规范实际上是我唯一的来源。我需要弄清楚该模块的所有方面,以及不同的值在不同情况下是如何表现的,因为现实世界中几乎没有例子。我喜欢这种挑战,并且能够将我的发现转化成其他开发人员可以理解并在自己的工作中使用的东西,这让我感到很高兴。

还有完成的喜悦。文档允许我深入研究可能不会出现在典型文章中的细节。当我能够理解一个属性或选择器,并用自己的语言解释它时,我感到很满足。CSS-Tricks 年鉴给了我这个机会。

对于那些没有经历过编辑过程的人来说,你对编辑过程有什么要说的吗?

首先,享受一个干净简洁的流程。CSS-Tricks 编辑团队会帮助你改进它,让它比你自己做得更好。

另外,一定要**先编辑你的草稿**。在提交文章之前,务必先自行编辑一遍。你的写作准备越充分,编辑就有更多时间帮助你改进作品。如果编辑需要花费大量时间来修正基本的语法和拼写错误,那么这些时间本可以用来通过反馈和其他方面的考虑来进一步推动你的想法。

当然,**也要从错误中吸取教训**。在编辑过程中保持开放的心态。这里的编辑团队经验丰富且乐于助人。我会尽量回顾他们在我的文章中所做的修改,并在接下来的写作中加以实践。我非常感谢Geoff,我从他那里学到了很多关于技术写作的知识。

你对那些考虑提交文章提案的人有什么建议吗?

**不要过度思考你的想法**。你的文章不必像火箭科学一样复杂。任何你足够了解并能写的东西,都可能对其他人有所帮助。

另一条建议是:**不要低估自己**。当Chris Coyier 邀请社区为 CSS-Tricks 年鉴贡献内容时,我告诉自己,有许多更有资格的人可以做到,尽管我有编写 CSS 文档的经验。没错,许多人(也许现在仍然如此)比我更有知识。但事实证明,我可以成为其中一员,因为我愿意尝试。

还有一点很重要,就是**不要担心重复他人的内容**。你的想法不必独一无二。你可以写一些其他人已经写过的话题,但用一种新的、不同的方式来写。你的观点和视角很重要!你解决问题的方法以及你解释问题的方式,可能以一种超级有用的方式有所不同。

最后… 你最喜欢的 CSS 技巧是什么?

我以前最喜欢的技巧是通过display: table 设置为元素并让自动边距完成剩下的工作来居中元素。如今,随着 CSS 变得越来越强大,我可以使用min-content 完成相同的技巧,而且不需要额外的包装器。

我相信网上肯定有关于这个主题的博文或文章。但我希望在这里,在 CSS-Tricks 上写一篇关于这个主题的文章。看到了吗?我想与你分享我的观点,我想用我的方式来解释它。

你有什么想在 CSS-Tricks 上分享的吗?向我们发送你的提案!