如果我们谈论的是从头开始创建,看看谁觉得他们仍然拥有这些钥匙会很有趣。这篇文章的整个想法来自于我和一个人的对话,他一直是前端开发人员,被朋友要求构建一个网站。他们拒绝了,因为他们不知道怎么做。

我们向我们钦佩的网站构建者提出了相同的问题
今年,关于网站构建,你最感兴趣的是什么?
我们要感谢我们的 ❥ 赞助商 Automattic 使这个网站成为可能。他们制作了许多我们使用的优秀软件产品,比如 Jetpack、WooCommerce 和 WordPress.com。
我相信,如果我们个人能够学会将这些差异视为细节,我们的整个行业将能够对成为程序员的意义达成更包容和全面的理解。这种观点不仅使科技成为一个更受欢迎的地方,而且使我们程序员更加强大,更具适应性。
我觉得可变字体确实为我们打开了通往新的创造性可能性的大门,而我们只是触及了表面。能够在轴的不同值之间进行插值,这简直是动画的呼唤。
WebAIM 的报告和 Domino's 的呼吁增加了人们的意识,这有助于推动讨论,让每个人更容易参与到让数字触手可及的对话中。
我们这些为网络构建的人,已经更加意识到我们创造的技术如何影响我们周围的人。我们开始接受我们对所编写的代码行负有的责任,并认识到我们不能仅仅将责任推卸给我们的主管和老板,让他们做出道德决策。
例如,我认为仅 弥合 差距的功能是“开发人员交接”(这往往依赖于作为规范提供的像素尺寸和十六进制代码)。根据我的经验,提供这样的规范会导致代码中的重复、不一致,并且容易出错。然而,消除 差距的示例是使用实际的、真实的、高质量代码而不是矢量框的工具。
我们可以为新开发人员做的第一件事是通过结对和代码审查来帮助他们。开源项目非常适合!通过提供建设性的代码审查,你可以帮助新手提升他们的编码技能。
看到技术有时 不 重要,让人感到谦卑,尤其是在本地活动中,挨家挨户地敲门和面对面地交谈,才能产生最大的影响。这与我们通常的“技术是最强大的行业”的叙述不同,是吗?
互联网被称为最不友好的开发环境。从事网络工作的人必须考虑多种浏览器、它们安装的操作系统以及两者所有流行的发布版本。他们还需要考虑屏幕尺寸和质量、可变网络条件、不同的外形尺寸和输入模式、第三方脚本等。更不用说服务于未知数量的未知用户,每个人都有自己的想法、感受、目标、能力、动机、熟练程度和设备修改。
围绕设计伦理的许多讨论都集中在大型公司和社交网络的隐私、数据收集和分析上。虽然在这个领域还有许多悬而未决的问题,但我希望我们不要将我们的思想和对话局限于这些全球应用程序。实际上,你工作的产品或公司越小,你可能产生的影响就越大。

这就是 SSG 的魔力,因为它们赋予我们开发人员体验,但更重要的是,因为输出是静态的并且重量轻,它也为良好的用户体验奠定了坚实的基础!
随着我们开始熟悉 Houdini 套件中的其他 API,所有这些带来的好处将变得更加明显。例如,当我们使用属性和值 API 声明一个新的自定义属性时,我们设置一个类型并获得自动错误处理。
我期待看到人们拥抱这些字体可以做到的所有事情。从超细到特粗,从超压缩到特宽。无论字体支持什么,我们都可以去探索。我希望看到设计师深入研究并探索优秀排版的力量。

在拥有数百人的大型项目中工作的问题在于,说“不”可能是政治自杀。相反,你必须学会如何在不显得像个混蛋的情况下说出来。你需要教育每个人了解性能、响应式设计和无障碍性。你需要向大家解释前端开发究竟是什么。
... 作为前端开发人员,拥有做更多事情的能力。就在几年前,我还需要一个完整的开发人员团队才能完成现在只需几个很棒的工具就能完成的事情。

每当我们获取技术栈的一部分并使其对更广泛的受众更容易使用时,我们就会开始看到创造力和创新的爆发。这正是构建流程和捆绑器所发生的事情。很大程度上,由于扩展了前端开发人员可以触及的范围,创新出现了爆炸式增长。
我们终于拥有了一套完善的标准工具集来构建和分析我们的网站。如今,如果网站加载速度很慢或交付成本很高,或者对用户交互的响应速度很慢,或者无法访问辅助技术,或者在特定屏幕上的设计很差,我们可以放心,这很可能是我们的责任,而且我们可以修复它。

在过去的几年里,我们得到了所有这些新工具,Flexbox 和 Grid 为我们提供了一个为 CSS 设计的布局系统。然而,可能不那么明显的是,一套概念正在出现,这让我们第一次有了真正的方法来解释 CSS 布局。这有点像对语言进行重构,将其从一堆技巧转变为可以作为一个连贯的系统来教授的东西。
我意识到我们正在从一个我们不仅仅分享我们所拥有的东西的地方转移到一个我们努力构建和改进他人所构建的东西的地方。然后分享它,循环继续。
如果说过去一年开发领域中有一件新事物比其他任何事物都更能吸引我的注意力,那就是 JAMstack 的演变。它确实更容易部署网站和对其进行更改,同时获得持续交付和大量性能价值。
嘿!这看起来像一个链接的 jQuery 方法。我喜欢这个,不仅仅是为了怀旧。我喜欢它的“功能组合”。我知道 CSS 充满了继承问题,但这让我想起了添加格式良好的 CSS 类。我倾向于这样做。知道我个人偏爱组合实际上帮助我解决了一些奇怪的不一致的感觉,即为什么我真诚地喜欢 React Hooks(组合),即使我不特别喜欢更大的 React 生态系统(继承)。