过去几天，我一直在阅读许多人的年终点评，他们分享自己的个人和专业成就以及对下一年的希望和目标。 我本来不想做其中之一，但是阅读所有其他内容会让我感到鼓舞，所以我们来了！
这（主要是CSS博客），我将大部分基于CSS，或者至少基于前端开发。 但这对我个人来说也是非常有趣的一年，因此，如果我偶尔偏离个人，请原谅我。 让我们开始吧...
2018年的新增功能
CSS {In Real Life}诞生了！
我2018年的个人目标之一是做更多的写作。 几年前，我曾在做设计师和事件制作人时写过有关Web技术的文章。 在我个人生活经历巨变的2016年，我全职转投Mud进行前端开发，这意味着写作被搁置了一段时间。 我真的很想念这件事。 我曾经（现在仍然）有很多想写的想法，所以我决定在2018年实现这一目标。
自从2015年参加Rachel Andrew的讲习班以来，CSS Grid就使我很感兴趣。（在此之前，我也很想了解其他类型的网格 。）今年早些时候，我对CSS变量及其使用方式产生了兴趣我在Mud从事的一个项目的结果是，与Grid结合使用可帮助管理复杂的布局。 我写了一篇非常快的文章（我大部分文章是在20分钟的火车回家旅程中写的），建立了一个不稳定的概念证明，并将其作为博客文章发布在Codepen上 。 那个帖子最终变得比我想象的要受欢迎，并且被广泛分享（最新查看次数超过22,000！）。 这极大地推动了我的工作，鼓励我创建此博客并继续定期写作。
超级布局
2018年是CSS网格，CSS变量和超强布局的一年–至少对我而言。 那是我们真正开始看到Grid在生产中使用并被广泛讨论和写作的一年。 詹·西蒙斯 （ Jen Simmons）是引领这一进程的主要人物之一。 今年，她开设了YouTube频道Layout Land ，并通过用术语Intrinsic Web Design来形容Web设计新时代的到来，以描述响应式设计之外的下一步发展。 Big Web Show的这一集非常值得一听，以充分了解这对Web布局的所有含义。
盖茨比
Gatsby是使用React构建的静态网站生成器–实际上，这是此博客的强大力量。 今年年初，Mud的几个同事正在试用它，并决定试一试。 我已经写了一篇关于它的文章 ，所以这里不做所有介绍，但是基本上它是非常快的，对于新手来说比较容易掌握（您甚至不需要以前对React的了解，这要归功于优秀的文档），以及静态网站生成世界中的一些规则改变者。
看来今年其他静态网站生成器正在兴起和/或升级。 尽管我可以推荐盖茨比，但我没有使用过其他东西，因此参考点不多。 我很想听到您可以推荐的任何东西以及原因！
火狐浏览器
我于今年10月左右将Firefox用作默认浏览器。 开发工具非常棒，并且一直在不断完善。 现在有CSS Grid（对我而言是主要卖点之一！），可访问性，动画等检查器。 MDN文档是几乎我认识的每个开发人员的首选，因此对我而言，支持Mozilla是有意义的。 更不用说能够不再使用Chrome从Google夺回我的灵魂。
随着最近有消息称Microsoft Edge将来将使用Chromium渲染引擎，有更多的理由支持真正独立的浏览器并抵制垄断。 杰里米·基思（Jeremy Keith）敦促我们所有人落后于Firefox 。
尾风
今年年初，Mud团队决定采用实用程序优先CSS，特别是框架Tailwind 。 使用六个月左右后，我肯定会看到好处，总的来说，这是我们采用团队的正确方法。 但这并不是说我在每种情况下都倡导以实用程序为先的方法，并且存在抵消积极性的某些缺点。 在接下来的几周中，我将在一篇帖子中分享我的想法。 同时，这是Sarah Dayan的精彩文章，解释了为什么实用程序优先CSS值得考虑的原因。
2018年的个人成就
就我个人而言，这是令人兴奋的一年。 我在四项活动中发表演讲，并发表了20篇文章，其中包括两篇关于CSS Tricks的文章–一个重要的人生目标！ 在十一月份，当我花一个月学习React时，写作略有下降。 （我强烈推荐Wes Bos的“初学者的React”课程。）12月，我在Ordoo开始了新工作。 我很高兴能有机会开发产品并获得大量创意，并把我新发现的React知识付诸实践！
2018年不是什么好事
当然，如果不考虑大西洋两岸发生的大规模政治大风暴（真的没有别的词），就很难谈论2018年。 我在这里没有太多要说的话，到目前为止，比我讲得多的人。 尽管我喜欢在网络上工作，但与这个世界上可怕的事情相比，我们正在做的事情似乎微不足道。 但另一方面，这让我觉得创造力，对话和学习的重要性比以往任何时候都更加重要。
展望2019年
现在，我们进入了很好的部分！ 这些是我非常兴奋的新CSS规范-希望在2019年出现在您附近的浏览器中！
长宽比
我们很快就能在CSS中定义图像（或任何东西！）上的长宽比！ 没有更多的填充技巧！ 这是“ 内部和外部调整大小”模块4级的一部分 ，并且仍处于初稿中。 太多希望它能在2019年登陆吗？ 也许。 但我会充满希望！
子网格
子网格（子元素继承父容器的网格）是CSS网格布局模块2级规范的主要新功能。 它可能是Grid中最需要的功能之一，它将使Grid成为布局的更实际选择。 雷切尔•安德鲁（Rachel Andrew）对此有深刻的理解 。 规范在工作草案中，但我们不应该等待太久！
环境变量
简而言之，CSS环境变量就像全局变量。 Ire Aderinokun在本文中很好地总结了它们。 该规范位于编辑的草稿中，并且可能会更改-但某些浏览器已经支持该规范 ，这意味着您可以在好奇的情况下试用。
该博客的目标
在2019年，我想继续在这个博客上写作，希望至少每两周发布一次。 我一直打算与此博客一起做的一件事是分享我正在从事的项目中更简短，更频繁的帖子和代码片段。 但这并没有发生，因为每次我开始写文章时，我最终都陷入困境，写出比计划多数百个单词！
博客一直对我而言是一件令人愉快的事情，因此，如果生活有时受到阻碍，我不想强调它。 希望我会继续写作，人们会继续阅读:)
我确实想做一些改进：随着帖子数量的增加，添加分页，标记和搜索功能都变得至关重要。 因此，请在接下来的几个月中寻找一些增强功能。
我也想开始在我的博客文章中添加一些更好的插图。 我以学位的程度学习插图，并曾经做过很多自由插图工作，这些工作已经搁置了一段时间。 我想以某种方式将其编织到我的帖子中！
个人目标
我不是一个设定宏伟目标的人，而我却面临着在一年中完成目标的压力。 但是这些是我想在2019年某个时候做的事情：
更好地公开演讲
我今年参加了四场比赛，但我仍然不觉得自己很出色。 我得到的反馈是积极的，但对我来说并不是自然而然的，我仍然感到紧张。 这样做有时会极大地增强信心，也是结识他人的好方法。
做更多的绘图
不需要太多解释，但这是我想花一些时间而又没有最后期限压力的事情。
花更多的时间与家人在一起，减少压力
我在2018年的工作非常努力，虽然我当然不会固步自封，但我想在2019年让自己有所休息以保持健康，并减少在屏幕前的时间。
祝您新年快乐，并祝愿2019年成功！
413
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
