这里是 Frontend Focus 的中文翻译项目,每周在 Oh My RSS 平台首发。
翻译及校对:richshaw2015,Yully Che
这篇大而全的前端性能检查清单又一次进行了年度更新,包含了创建高性能 Web 应用的所有细节。提供 PDF、苹果、微软格式的文档下载。
来源:Smashing Magazine
这是 2020 年的首个版本,包含了多项开发者工具的改进,增加了 CSS 特性(Motion Path)的支持以及若干 JavaScript 和 WebAPI 的更新。
来源:Chris Mills (Mozilla)
Every Layout
重新学习 CSS只使用原始组件及组合方法来学习 CSS。自从上次报道以来,它增加了更多的布局教程。
来源:Heydon Pickering & Andy Bell
Jen Simmons 讲述了 Firefox 常规版、Beta版、每日构建版和开发者版之间的区别,以及如何为开发者提供了解新功能的机会。
来源:Mozilla Developer
一个新的学习 CSS Grid 系列教程,详细介绍了创建网格容器时发生的变化以及可应用于调整网格的各种容器属性。
来源:Rachel Andrew
您的网站正在被网页、搜索、社交 APP 进行各种形式的微型预览(类似于消息应用中的链接预览),本篇了解微型浏览器的细节以及如何更好的处理。
来源:Colin Bendell
WebGL 很不错的入门教程,包括了所需关键数据结构以及类型(其中涉及 WebGL 的要素很多!)。
来源:Alain Galvan
现在可以在大多数浏览器中使用 -webkit-line-clamp
属性了。
来源:Josh Comeau on Twitter
Chrome 80 计划于下个月发布,默认将阻止通知弹窗。
来源:Catalin Cimpanu
全球有超过2.9亿人说阿拉伯语。这篇讲述如何开发同时支持从左到右和从右到左的 CSS 阅读样式。
来源:Ahmad Shadeed
我们之前已经报道过了,但是它今年更新了最佳实践。
来源:Craig Buckler
这些编码(目前正在 Chrome 81版本中测试)旨在使调试崩溃更容易。
来源:Catalin Cimpanu
如果你有计划在新的一年提升网站性能,这是一个很好的起点。
来源:Karolina Szczur beginner
来源:Anthony Barré
来源:Jason Lengstorf
来源:Kilian Valkhof
来源:Chidume Nnamdi
高性能、轻量级(少于20行代码)的地形渲染算法,无疑是90年代模拟飞行模拟游戏爱好者们的最佳选择。
来源:Sebastian Macke
A-Frame 能够快速处理跨多个平台运行所需的3D 和 WebVR 样板,第一版拥有完整的 WebXR 支持。
来源:A-Frame Team
号称是“终极的图像优化器”,用于将 JPEG 和 PNG 图像压缩到最小尺寸。
来源:Optimizilla
这是一款基于浏览器的简洁小游戏,教你使用 CSS 选择器。
来源:Luke Pacholski
译者注:如需了解,请查看原文。
译者注:如需了解,请查看原文。
Copyright © 2015-2022 BY-NC-ND 4.0