2019年前端事件回顾_2019年回顾

最新推荐文章于 2024-09-18 20:39:31 发布

cuotangu3718

最新推荐文章于 2024-09-18 20:39:31 发布

阅读量138

点赞数

文章标签：编程语言 python 人工智能 java 大数据

原文链接：https://css-irl.info/2019-in-review/

版权

我将尝试简短地回顾一下2019年的回顾展，但像许多人一样，我发现回顾当年的成就和失望（在后者上住的时间不宜太久）并为来年做好准备是令人陶醉的。

我宁愿避免为来年设定不切实际或无法实现的目标。但是我确实想给自己设定一些小的，可以实现的野心和里程碑，如果我偏离目标，或者生活受阻，这不会使世界崩溃，但是会带来一些满足感的满足感明年这个时间之前。因此，请原谅我略微放纵自己过去的一年。

这个博客

这个博客的（相对）成功让我感到无比震惊。在过去的一年中，我收到了很多不错的信息，这些信息提高了我的信心，这些信息使发现我的文章很有帮助的人，以及我真正仰慕并钦佩他们工作的业内人士。听到它永远不会感到疲倦，并不断提醒我为什么写作。因此，谢谢，如果您已阅读此博客并了解到一些东西，或者与您的朋友分享了它。

我设定的目标是每月至少发表两篇文章，但我坚持这样做–偶尔给自己几周的枯燥乏味，但以后总是要弥补。感觉不错，我没有计划在2020年减少产量。

我在去年年底设定的一个目标是对该博客进行更多说明。我在说明文章的概念方面做得相当好，但并没有达到我想要的程度。希望我能在2020年对此有所改善。

我在2019年做出的几个（有争议的？）决定是，首先是允许在博客上投放广告，其次是添加分析功能。 Carbon向我询问了有关在该平台上投放广告的信息，尽管我最初对此表示怀疑，但经过一些调查（包括来自知名行业人士的建议）使我确信他们是信誉良好的合作伙伴。广告目前仅限于文章底部，因此尽可能不引人注目。请放心，我不会从中赚到很多钱，而且我目前不打算进一步扩大广告投放，因此您不会在接下来的一年看到侵入性广告的到来。

添加分析是个人的决定，在尝试之前，我曾考虑过一段时间。我发现查看人们在网站上正在阅读的文章很有用，也很有趣，而且随着时间的推移，用户的逐步增加比对Twitter进行即时验证更有意义。但是我仍然认为这是一个试用期，可能是我将其移除的一些方法。

CSS {IRL}的下一步是什么？

最重要的是，我正在考虑离开该博客当前使用的静态网站生成器Gatsby。我不讨厌Gatsby，它有很多值得推荐的地方-特别是入门过程非常顺畅，有大量的文档和教程。但是随着网站的发展，我发现添加新功能和遇到一些障碍遇到了更大的挑战。

当我每天使用React时，继续使用基于React的SSG是很有意义的，但是现在我不再将其用于日常工作中，我觉得这是一个很好的机会，可以扩展并尝试新鲜玩意。我正在考虑11ty ，并且Andy Bell和Mike Riethmuller都已经发布了入门套件，我希望可以从中学习很多，甚至可以直接使用。另一种可能性是Gridsome ，它是基于Vue的。我开始学习Vue上班，因此似乎可以尝试一些新东西。

我想从头开始完全重建该站点，这也包括一个全新的重新设计。许多功能是固定的，而不是从一开始就集成到设计中，因此可以从应有的考虑中受益。我希望重新设计以一种更好的方式搜索文章，并找到与您正在阅读的文章相关的其他文章。

仅此一项是一个非常雄心勃勃的目标，而我预计这个目标将花费相当多的时间。除此之外，从内容的角度来看，我预计不会有任何重大变化。如今，我发现自己自然而然地写了一些关于CSS Grid的文章，并写了一些其他有趣CSS功能规范（例如滚动捕捉和自定义属性，但是我不会完全将Grid抛在后面。）在我的日常工作流程中，我确信我总会找到新的东西来编写它，希望明年我会花一些时间来真正探索subgrid带来的可能性。

请讲

在2019年，我成为Mozilla技术演讲者，并在总共9场活动中发表了演讲。尽管对某些人来说这并不多，但对我来说当然足够了！一些个人亮点包括Upfront （我已经参加过几次会议），浏览器状态（我很荣幸连续第二年被邀请在这里发言！）以及由动态二人组主持的London CSS ，安娜·罗格格（ Ana Rogrigues）和奥利弗·特纳（ Oliver Turner）。虽然我在会议上确实有发言的内容，并且我很感激发言带给我的机会，但我发现整个过程都充满了压力。毫无疑问，准备演讲需要大量的工作！在演讲和撰写文章之间，我今年的表现不甚理想，并且在2020年，我想给自己足够的时间从事创意个人项目。我仍然打算做一些演讲（我已经安排了一些活动），但是我会更加选择我说“是”的机会。

写作

除了在此博客上撰写文章之外，我今年还为Web Designer杂志LogLogcket和24Ways撰写文章。后者是我已经阅读多年的Web开发人员的出现日历，因此通过在上面发表我的一篇文章来结束这一年感觉就像是一项巨大的个人成就。我被文章获得的接待震惊了，很荣幸能在如此伟大的公司中工作！

被要求为《 Web Designer》杂志撰写封面文章是一个令人兴奋的新挑战，它为我提供了探索我以前没有机会深入探讨的一些新CSS规范的完美借口。

我愿意为2020年的其他出版物撰写文章，但希望保持健康的平衡，并保留我大部分的写作内容。

工作

在移动订购初创公司Ordoo与React Native共同工作了一年之后，我于11月回到代理商生活，担任Atomic Smash的首席前端开发人员。作为开发人员，一年（主要是）编写Java脚本对我来说是非常宝贵的，但是我最终希望再次在Web上工作，尤其是使用CSS。我很高兴能与一支如此强大的团队合作，并应对新年中的一些激动人心的挑战。每周都会为我提供新的发现，而我的工作已经为我提供了越来越多的写作主题积压–我希望在未来的几个月中继续探索。

个人

更笼统地说，当我们到十年末时，我想花点时间回顾过去并感到自豪。我简直不敢相信，不到五年前我就从活动管理职业过渡了，并在抚养儿子的同时完成了大部分重大职业变更。我的技术之旅是一个循序渐进的过程（也许有一天我会写这篇文章），这并不总是那么容易，我感谢家人的支持。对于开始旅程的任何人，尤其是在类似情况下的人们，请知道这是可能的。如果您需要任何资源或指导，请给我发消息，我会尽力而为。

CSS

这是一个CSS博客，对于2020年CSS的激动之处，我不禁思索！

子网格

到2019年底，Firefox交付了对subgrid的支持，subgrid是CSS Grid Level 2规范的一部分。这可能会改变游戏规则，并可能激发很多人采用CSS Grid，而这些CSS Grid直到现在仍在抗拒...但是不幸的是，在撰写本文时，没有其他浏览器显示出实现的迹象。它。直到Chrome跳上这一步，在现实世界中的使用最多都将受到限制。（有一个未解决的问题。）让我们希望2020年是其他浏览器转向支持的一年。

自定义属性

我在这个博客上写了很多关于自定义属性的文章，并且一直在寻找更多的用途（我在这里整理了一些内容）。随着采用率的提高，我认为我们将看到越来越多的创意和有用的应用程序。

逻辑性质

简而言之，当我们有CSS属性名称引用元素的左，右，顶部或底部时（认为margin-left或border-top ），逻辑属性将它们重新构造以引用该block的开始或结尾或inline轴。例如，在水平左右书写语言（例如英语）中， margin-left变为margin-inline-start 。但是在从右到左的语言中，这与使用margin-right相同。

这里有很多需要解压的地方， Adrian Roselli的这篇文章是一个很好的起点。在全球范围内进行设计和开发包含Web的内容非常令人兴奋。

可变字体

我在2019年下半年体验了很多有趣的字体，迫不及待地想看看2020年将有哪些新的可变字体可用。除了潜在的显着性能改进之外，可变字体还可以打开整个主机创新的可能性。我希望随着技术的发展和更多代工厂的加入，设计师和开发人员将掌握这些知识。为了获得启发，请看Mandy Michael在24 Ways上发表的文章“ 可变字体的交互性和动画” 。

个性化

也许2020年将是“像素完美”理念最终消亡的一年。对于用户如何使用我们的内容，我们已经几乎没有控制–设备类型和屏幕大小都是未知的，例如某人正在使用屏幕阅读器或键盘导航，还是缩放网页或调整其字体大小，提及有人在使用您的网站时所处的环境条件（例如，光线不足的条件）。随着5级媒体查询的出现，我们可以认识到我们的网站绝对是可满足各种可能情况并提供更量身定制的体验（例如，通过使用“ prefers-colour-scheme媒体查询来提供深色主题）。使用它们的每个人看起来都不一样。