这里是 Frontend Focus 的中文翻译项目,每周在 Oh My RSS 平台首发。
如有翻译错误或国外优质文章推荐,欢迎提交 issue。
翻译及校对:richshaw2015,Yully Che
Julie Grundy 探讨了自定义表单存在的各种问题,给出了自己的实现方案,兼顾美观、屏幕缩放、读屏软件、高对比度、输入提示、交互性等因素。
来源:Julie Grundy
该版本引入了新的响应式布局实现,包含了若干 bug 修复和废弃特性。
来源:Mark Otto, Jacob Thornton, and Bootstrap contributors
这个特性刚推出来,可以记录、回放、回滚到各种状态,包括 JS 行为、DOM 变化、界面更新等。其他平台支持将稍后提供。有关该项目的详细信息,参见 Mozilla 的网站。
来源:Paul Hill
:is()
简化元素定位这篇直观的展示了这个新的“匹配任何元素”伪类选择器的几种用法,以及如何与 :not
搭配使用。它将是 :any()
and :matches()
的继任者。
来源:Kezz Bracey
Jen Simmons 解释并再次建议对所有图片增加宽高属性声明,以阻止加载“垃圾信息”。
来源:Mozilla Developer
W3C 提供了构建 Web 游戏所需的各种技术要点概述,包括 WebAssembly、Gamepad API、Web Monetization API 等。
来源:François Daoust (W3C)
新的 Edge 浏览器采用了与 Google Chrome 相同的基础源代码,并包含了新的“防跟踪”特性,该功能可屏蔽第三方跟踪器,在严格模式下还能阻止许多广告。
来源:Ed Bott
几周前,Mozilla 把原来基于 XML 的界面实现转成了基于 Web 组件技术构建。这篇博文解释了背后的原因。
来源:Brian Grinstead
Chrome 支持“画中画”机制,即在所有页面之上创建视频播放浮窗。Firefox 和 Safari 也有专门的 API 支持。
来源:Ayooluwa Isaiah
近期的 performance.now() 会议上拍摄的演讲。点击查看相关 PPT。
来源:Annie Sullivan
本篇介绍了使用 CSS 自定义属性(CSS 变量)的基本知识,做主题时很有用。
来源:Kristofer Giltvedt Selbekk
这篇不是讨论表单或可访问性的,而是 label 元素的使用原则,包括放置位置、是否突出显示等,很多场景下是不需要它的。
来源:Refactoring UI
通过检测开发中使用的技术,以实现可预测的预加载,例如 GuessJS
来源:Divya Sasidharan
该演讲介绍了减少 JavaScript 网络传输大小的实用方法。
来源:Tim Kadlec
Tailwind CSS 是一种越来越流行的 CSS 框架。
来源:Cristi Jora
来源:Bruce Lawson
来源:Abhijeet Rathore
特斯拉超级卡车的 CSS 动画演示。
Be a shame if someone was to tamper with those windows…
来源:David Khourshid codepen
作者宣称它已经比较成熟了,可以被扩展或者用于生产环境使用了(尽管1.0版本还有点距离)。
来源:Javi Agenjo
上周我们分享了 GSAP 3’s 的发布,现在 GreenSock 团队分享了一组该动画库的新功能。
来源:GreenSock codepen
寻找调色灵感的网站,可以生成各种颜色的搭配效果。
来源:Mackenzie Child
来源:Alejandro Tardín
来源:Emil Wallner
来源:Jim Raptis
译者注:如需了解,请查看原文。
译者注:如需了解,请查看原文。
Copyright © 2015-2022 BY-NC-ND 4.0