每月 Web 开发更新 10⁄2018:Hurricane Web、端到端完整性和 RAIL

已发表: 2022-03-10
快速总结↬在过去的四个星期里,网络开发世界发生了什么? 在他的每月阅读清单中,Anselm 总结了您需要了解的所有内容——从浏览器新闻到有价值的技术、工具和经验教训。

随着本周最新研究和官方报告的发布,似乎为了避免地球上不可逆转的气候变化,我们需要在未来十年内采取积极行动。 这引发了一些我认为值得一写的怀疑和假设。

我经常听到的一个论点是,我们个人无法产生影响,气候变化是“大公司的错”。 然而,我们作为消费者决定我们购买什么、从谁那里购买、使用谁的产品以及避免使用哪些产品。 通过明智地选择,我们可以做出改变。 例如,通过与您周围的其他人交谈,通过说服您的公司所有者改用可再生能源,我们可以将我们的社会和经济转变为一种不会对地球造成太大伤害的更可持续的社会和经济。 当然,这将是一项艰巨的任务,但我们不能否认我们个人的责任。

也许我们应该以此为契机重新思考我们真正需要多少。 也许走进大自然可以帮助我们重新与环境联系起来。 也许用手和缓慢的方法建造一些东西,试图了解材料及其特性,可以帮助我们了解我们目前拥有的资源有多么宝贵——以及如果我们现在不关心我们的星球将会失去什么。

消息

  • Chrome 70 带有 Windows 和 Linux 上的桌面渐进式 Web 应用程序、Credential Management API 中的公钥凭据和名为 Workers。
  • Postgres 11 已经发布,它为分区带来了更强的健壮性和性能、增强的查询并行能力、表达式的即时 (JIT) 编译以及其他一些有用且方便的更改。
  • 随着新的 macOS Mojave 和 iOS 12 现已推出,Safari 12 也已推出。 这个版本有什么新东西? 内置密码生成器、3D 和 AR 模型查看器、选项卡中的图标、最新手表操作系统上的网页、新表单字段属性值、iPad 上适用于 iOS 的全屏 API、WOFF2 中的字体收集支持、 font-display加载 CSS 属性、智能跟踪预防 2.0 和一些安全增强功能。
  • 谷歌强制用户在浏览器中登录谷歌账户以访问 Gmail 等服务的决定引起了很多讨论。 由于负面反馈,Google 及时宣布了 v70 的更改。 尽管如此,这清楚地表明了公司的利益以及他们正在推动应用程序的方向。 这是不幸的,因为 Chrome 和从事该项目的人们在过去几年中对网络进行了很大的塑造,并将生态系统“网络”带到了一个全新的水平。
  • Microsoft Edge 18 推出并带来了 Web 身份验证 API、新的自动播放策略、Service Worker 更新以及 CSS 遮罩、背景混合和过度滚动。
跳跃后更多! 继续往下看↓

一般的

  • Max Bock 撰写了有关 Hurricane Web 的文章,以及即使在带宽和电池有限的情况下,我们可以做些什么来让用户保持最新状态。 有趣的是,CNN 和 NPR 在佛罗伦萨飓风期间提供了纯文本页面,以服务于不会耗尽电池的低流量。 如果我们能够将默认网站移向这些目标——节省电力和带宽——不仅可以提高性能和加载时间,还可以帮助环境并使用户更快乐,那将是惊人的。

用户界面/用户体验

  • 在他们播客的第 42 集中,Nori 团队详细阐述了设计师可以做些什么来帮助扭转气候变化。 讨论的内容也可以转移给开发人员,所以尽管有标题,也不要害怕收听。
  • Denislav Jeliazkov 解释了微交互的重要性以及如何设计好微交互以在您和竞争对手的应用程序之间产生差异。
  • Jeremy Cherry 为什么我们应该为我们的产品创造用户而不是成瘾者,以及用户体验如何轻松影响人们的健康。
  • Shawn Park 分享了他从连续六年每年重新设计网站中学到的东西,以及为什么他认为这是提高技能的重要一步。
  • 乔纳斯·唐尼(Jonas Downey)写道,我们如何不断地被软件的“用户体验”设计所操纵,以及为什么我们唯一的选择就是用我们的钱包投票反对这些模式,并为不会试图以影响我们的方式操纵我们的软件付费。我们的隐私、安全或心态。
  • 最佳当代免费字体是 Behance 上免费提供的大量字体集合。
重新设计投资组合网站
肖恩·帕克斯(Shawn Parks)每年都会分享他从重新设计投资组合中吸取的经验教训。 (图片来源)

可访问性

  • 可访问性不仅仅是让身体有障碍的人可以访问您的网站。 我们不应该忘记,如果我们想为尽可能多的人服务我们的网站,那么针对认知差异进行设计也是必不可少的。
  • Amy Leak 展示了一些很好的例子来说明如何编写好的文本替代方案。

工装

  • Trix 是 Basecamp 提供的丰富的开源文本编辑器。 如果您已经在使用 Ruby,这可能是您应用程序中任何内容编辑字段的绝佳选择。

隐私

  • 你猜怎么了? 正如本文所示,我们删除 cookie 的简单隐私增强工具毫无用处。 有更聪明的方法可以通过 TLS 会话跟踪来跟踪用户,而且我们没有太多的权力来对付它。 因此请注意,无论您在浏览器中启用了多少对策,都可能有人能够跟踪您。
  • 乔什·克拉克 (Josh Clark) 对关于谷歌数据收集的大学研究的评论强调了最重要的部分,即 Android 手机数据对谷歌的商业模式有多重要,以及即使你的智能手机处于空闲状态且没有移动位置,它们也会收集哪些类型的信息。

安全

  • Cloudflare 的 Brendan McMillion 分享了他们如何确保其 IPFS(分布式、分散式 Web 协议)网关的端到端完整性。 对网络未来的一个非常有趣的洞察。
IPFS 的端到端完整性以猫和狗为例
Cloudflare 的 IPFS 网关允许网站实现端到端的安全,同时保持从边缘网络提供服务的性能和可靠性优势。 (图片来源)

网络性能

  • Shubham Kanodia 解释了我们如何通过使用智能捆绑技术仅将遗留代码提供给遗留浏览器。
  • 在他关于调试性能问题的深入指南中,Nolan Lawson 分享了我们如何准确测量 Web 上的布局性能以及现代浏览器的渲染管道是如何工作的。
  • 菲利普沃尔顿解释了他的空闲直到紧急的原则,用于优化网站的加载和绘制性能。
  • 我们如何才能在使用尽可能少的资源的同时,在低技术设备上构建一个运行良好且速度快的网站? Low-Tech Magazine 想要找出并按照一种疯狂的方法来建立他们的网站以节省资源。 另一个有趣的事实:当没有足够的阳光来为为服务器供电的 2.5 瓦太阳能电池板供电时,网站会离线。
  • 使用 RAIL 模型衡量性能的新 Google Web Fundamentals 指南已发布。 当您想要分析或调试性能时非常有用。
RAIL 模型的插图
RAIL 性能模型的四个部分:Response、Animation、Idle、Load。 (图片来源)

HTML 和 SVG

  • 由于人们现在可以在 Apple Watch 上浏览网页,Marcus Herrmann 分享了我们如何针对设备优化网站的见解。
  • 模态窗口通常包含大量自定义 JavaScript、CSS 和 HTML 代码。 现在我们有了<dialog>元素,它为我们带来了开箱即用的大部分功能,包括可访问性。 Chris Manning 写了一篇关于对话框元素的介绍以及我们如何使用和填充它。

JavaScript

  • Willian Martins 分享了 JavaScript 的bind()函数的秘密,这是一个广为人知的操作符,它非常强大,允许我们从其他地方调用this到命名的、非匿名的函数中。 编写 JavaScript 的另一种方式。
  • 每个人都知道“早上 9 点的高峰时间”是什么意思。 Paul Lewis 使用这个术语来重新思考我们如何为 Web 构建以及为什么我们应该尽量避免浏览器主线程上的交通拥堵,并将不属于 UI 的所有内容外包到单独的交通通道中。

CSS

  • Michelle Barker 解释了为什么负网格线可以派上用场。
  • 你知道 CSS Grid 的grid-templategrid-auto的区别吗? Ire Aderinokun 解释了他们。
  • Rachel Andrew 写了关于 Flexbox 的用例,因为我们有了 CSS 网格布局,并分享了关于何时使用的建议。
使用负网格线放置在网格内的项目
你知道你可以使用负网格线号来定位带有 CSS 的网格项目吗? (图片来源)

工作生活

  • 你有爱好吗? 好吧,你最后一次享受它并有足够的时间是什么时候? Tim Wu 反思了追求卓越是如何渗透和腐蚀休闲世界的。
  • 这是员工如何让您的科技公司采用更强有力的可持续发展实践和立场的入门读物。
  • 我们都听说过 Basecamp 的 David Heinemeier Hansson 对工作、就业和成功的不同看法。 本次采访总结了“大本营方式”以及与之相关的挑战。
  • Seth Godin 思考苹果和亚马逊的一万亿美元净“价值”,以及为什么一家公司的利润并不重要,而是其工作的重要性。
  • “科技行业正以指数级的速度增长,影响着社会,以至于我们看到了人类有史以来最大的转变。 一些技术服务实际上拥有数十亿用户。 你没看错,不是成千上万,不是数百万人,而是数十亿人经常使用它们。 如果不说这些服务正在形成我们的社会并塑造我们的规范,而他们的唯一目标是保持增长曲线……增长,那就太傲慢了。” — Anton Sten 在“我的责任呢?”
  • 您正在努力完成该项目,期望它在现场直播时会感觉如此美好和放松。 Itamar Turner-Trauring 分享了为什么这种思维方式是错误的,以及我们如何避免精疲力竭。
  • Leo Babauta 讲述了为什么我们觉得自己总是在工作上落后,以及一些避免这些感觉并快乐工作的策略。
  • 大多数公司(以及开发人员)只赞扬远程工作的积极方面,只有少数公司谈论挑战和负面后果,例如感到孤立、面临焦虑甚至抑郁的风险更高。

超越……

  • 在荷兰,现在有一个法律依据规定到 2020 年将二氧化碳排放量减少 25%(即从现在起一年多一点)。 我喜欢这个想法,并希望其他国家能从中得到启发——例如德国,它目前将其减排目标越来越远地推向未来。
  • David Wolpert 解释了为什么计算机会消耗如此多的能源,以及我们如何使它们变得更加高效。 但要做到这一点,我们需要更好地了解计算的热力学。
  • 拒绝 200 亿美元很酷。 当然如此。 但这篇关于 Whatsapp 创始人的文章中有趣的一点是,他刚刚告诉全世界他对将自己的服务出售给 Facebook 感到多么不高兴,他似乎相信他可以保持对自己产品的控制权。

还有一件事:我非常感谢所有帮助我在本月将 Web 开发阅读列表的资金水平提高到 100% 的人。 我从来没有从你那里得到这么多的反馈和这么多的支持。 谢谢! 有一个伟大的一个月!

——安塞尔姆