See You Again

前端聚焦周刊:第 422 期

这里是 Frontend Focus 的中文翻译项目,每周在 Oh My RSS 平台首发。

原文:Frontend Focus issue 422

翻译及校对:richshaw2015Yully Che

🚀 刊首

2020年前端性能检查清单

这篇大而全的前端性能检查清单又一次进行了年度更新,包含了创建高性能 Web 应用的所有细节。提供 PDF、苹果、微软格式的文档下载。

来源:Smashing Magazine

Firefox 72 发布

这是 2020 年的首个版本,包含了多项开发者工具的改进,增加了 CSS 特性(Motion Path)的支持以及若干 JavaScript 和 WebAPI 的更新。


来源:Chris Mills (Mozilla)

通过Every Layout重新学习 CSS

只使用原始组件及组合方法来学习 CSS。自从上次报道以来,它增加了更多的布局教程。

来源:Heydon Pickering & Andy Bell

为什么有四个 Firefox?

Jen Simmons 讲述了 Firefox 常规版、Beta版、每日构建版和开发者版之间的区别,以及如何为开发者提供了解新功能的机会。

来源:Mozilla Developer

通过创建网格容器理解 CSS Grid

一个新的学习 CSS Grid 系列教程,详细介绍了创建网格容器时发生的变化以及可应用于调整网格的各种容器属性。

来源:Rachel Andrew

无处不在的微型浏览器

您的网站正在被网页、搜索、社交 APP 进行各种形式的微型预览(类似于消息应用中的链接预览),本篇了解微型浏览器的细节以及如何更好的处理。

来源:Colin Bendell

📙 文章、教程、观点

Raw WebGL:AWebGL 入门指南

WebGL 很不错的入门教程,包括了所需关键数据结构以及类型(其中涉及 WebGL 的要素很多!)。

来源:Alain Galvan

CSS 现在可以使用多行省略号了

现在可以在大多数浏览器中使用 -webkit-line-clamp 属性了。

来源:Josh Comeau on Twitter

Chrome 将从2月开始不再通知垃圾信息

Chrome 80 计划于下个月发布,默认将阻止通知弹窗。

来源:Catalin Cimpanu

从右到左的样式

全球有超过2.9亿人说阿拉伯语。这篇讲述如何开发同时支持从左到右和从右到左的 CSS 阅读样式。

来源:Ahmad Shadeed

如何使用 CSS 创建打印友好的页面

我们之前已经报道过了,但是它今年更新了最佳实践。

来源:Craig Buckler

Chrome 将显示错误编码,类似于 Windows 的蓝屏崩溃

这些编码(目前正在 Chrome 81版本中测试)旨在使调试崩溃更容易。

来源:Catalin Cimpanu

Web 性能入门

如果你有计划在新的一年提升网站性能,这是一个很好的起点。

来源:Karolina Szczur beginner

自托管第三方资源的优势和劣势

来源:Anthony Barré

向 JAMstack 网站添加动态和异步功能

来源:Jason Lengstorf

使用渐变而不仅仅是 CSS 动效

来源:Kilian Valkhof

你应该知道的7个 Chrome API

来源:Chidume Nnamdi

🔧 代码、工具、资源

VoxelSpace:地形渲染算法

高性能、轻量级(少于20行代码)的地形渲染算法,无疑是90年代模拟飞行模拟游戏爱好者们的最佳选择。

Demo 演示

来源:Sebastian Macke

A-Frame 1.0 发布:构建 VR 体验的框架

A-Frame 能够快速处理跨多个平台运行所需的3D 和 WebVR 样板,第一版拥有完整的 WebXR 支持。

来源:A-Frame Team

Optimizilla:在线图像压缩器

号称是“终极的图像优化器”,用于将 JPEG 和 PNG 图像压缩到最小尺寸。

来源:Optimizilla

CSS Diner

这是一款基于浏览器的简洁小游戏,教你使用 CSS 选择器。

来源:Luke Pacholski

💻 招聘

译者注:如需了解,请查看原文

🗓 未来大事记

译者注:如需了解,请查看原文

2020-02-17 喜欢

Copyright © 2015-2019 BY-NC-ND 4.0

回到顶部 ↑