这里是 Frontend Focus 的中文翻译项目,每周在 Oh My RSS 平台首发。
如有翻译错误或国外优质文章推荐,欢迎提交 issue。
翻译及校对:richshaw2015,Yully Che
如果你曾经尝试过用 CSS 美化表单组件,十有八九会受挫。特别是 select 下拉列表很难处理。这篇文章介绍了基础知识,以及开发者真正想了解的东西。
来源:CHRIS COYIER
28年前,互联网先驱 Tim Berners-Lee 发布了一份名为 HTML 标签的文档,描述了最早的的18个 HTML 标签。重点是你能否在看文章之前想出这些标签。😉
来源:WEB DESIGN MUSEUM
到今年年底,谷歌将停止对 Flash 内容的索引。这和Adobe等公司计划在2020年底停止支持 Flash 有关。由此,又一段有趣的互联网技术将成为历史。
来源:GOOGLE
当然,只用 CSS 生成随机数是一个很有趣的技巧。但是随机性有待商榷,在一些场景下还是可以用的。
来源:ALVARO MONTORO
这篇文章是 Firefox 70 中开发者工具可访问性检查工具的概述,解释了这个审查工具如何帮助识别或修复常见错误,以及减少站点可访问性错误的实践。
来源:MOZILLA HACKS
这个网站看上去相对较新,但是真实案例的数量在持续增长中。
来源:MANUEL MATUZOVIĆ
上周的一期中提到了 Firefox 现在支持在 display 属性中使用多个值,这篇介绍了具体怎么做。
来源:MOZILLA DEVELOPER
包括新的 Cookie 调试,配色方案模拟选项,代码覆盖率的更新等。
来源:GOOGLE DEVELOPERS
全面讲述了 Google 的 WebP 图像格式,重点介绍了其优势、工作原理和使用方法。(令我惊讶的是,这个格式已经诞生十年了)
来源:SUZANNE SCACCA
这篇总结了流行的网页应用打包工具需要提供的功能,以及如何在你的项目中使用 Parcel。
来源:MAKS AKYMENKO
Robin Rendle 质疑为什么这么多公司在网站的可访问性上苦苦挣扎,并提出了通过文本编辑器附带的可访问性检查器校验的想法。Stefan Judis 在这个建议的基础上提出了浏览器开发工具也可以做同样的检查。
来源:ROBIN RENDLE
这个教程直观地讲解了如何使用 CSS 的合法属性同时支持 LTR 和 RTL 布局。
来源:HUSSEIN AL HAMMAD
这篇介绍了 CSS 工具类的概念以及为什么要使用它。
来源:RUSSELL BISHOP
对看起来似乎永远不过时的网站“Space Jam”的有趣重写。
来源ZACH LEATHERMAN
来源:DESIGN SMARTS
仅2.8KB,原生的 JS 库,专注于性能,没有依赖。
来源:MIROSŁAW CIASTEK
还记得有个叫 FitText 的 jQuery 老插件吗?这次用 CSS 重写了(非常现代,需要 Chrome 79+)。可能还不是很实用,但确实是一个很好的想法。
来源:DAVE RUPERT(CODEPEN)
CSS 网格布局中可用的可展示的属性列表。点击后可以复制。
来源:MALVEN CO.
JAMstack 站点的主题和入门示例集合,可以通过生成器或者 CMS 进行过滤。
来源:STACKBIT
荷兰设计师 Wim Crouwel 设计的最小的印刷字体的试验。
来源:BOOREILAND
译者注:如需了解,请查看原文。
译者注:如需了解,请查看原文。
Copyright © 2015-2022 BY-NC-ND 4.0