CSS 文章
-
Firefox 66: 静默之音
Firefox 66 现已发布，并带来了一系列很棒的新功能，例如屏幕共享、滚动锚定、可听见媒体的自动播放阻止以及对 macOS 上触摸栏的初步支持。
-
Web 设计调查结果和下一步
11 月，我写了关于我的团队在实验性新 Web 设计工具方面的工作，并介绍了一项调查，以对 Web 设计和开发的挑战进行排名。您分享的见解继续为 Firefox DevTools 的 2019 年路线图确定优先级。我们的主要结论是：各种经验水平的开发人员和设计师都希望更好地理解 CSS 调试。我们正在努力实现这一点。
-
Firefox 65: WebP 支持、Flexbox 检查器、新工具和平台更新
Firefox 65 今天发布，其中包含一些值得注意的 Firefox Devtools 更新，包括 CSS Flexbox 检查器、新的更改面板等等的发布。我们正在发布 CSS 平台改进以及对各种 JavaScript API 的更新。Firefox 65 支持 WebP 图像格式，现在 Firefox 65 for Windows 支持 AV1，这是一种开放且免版税的视频压缩格式。
-
设计 Flexbox 检查器
CSS Flexbox 是一种越来越流行的布局模型，有助于构建强大的动态页面布局。但是，它有一个很大的学习曲线！由 Firefox DevTools 创建的新 Flexbox 检查器可以帮助开发人员了解 Flexbox 元素的大小、位置和嵌套。您现在可以在 Firefox Nightly 或 Dev Edition 中试用它。
-
新的和实验性的 Web 设计工具：征求反馈
我们目前正在努力开发一些面向 Web 设计师的新工具：一个全面的 Flexbox 检查器以及 CSS 更改跟踪。在 Mozilla 首次进行的设计工具调查中，告诉我们您在 CSS 和 Web 设计方面遇到的最大问题和痛点！我们希望听到来自开发人员和设计师的声音，无论您使用什么浏览器。
-
Firefox 62 – 适合学校的酷工具！
从新的 Firefox 形状路径编辑器（它允许浮动内容塑造内容流）到可变字体（它允许对字体渲染进行细粒度调整）再到更高效的 Firefox Dev Tools 视图选项，Firefox 62 提供了丰富的功能。
-
使用 Firefox 形状路径编辑器让您的 Web 布局摆脱矩形
CSS 形状可以让您的 Web 设计摆脱矩形网格。使用新的 CSS 标准，文本可以流动，图像可以圆角，甚至只是一些不平行的线条也可以使您的网站脱颖而出，使您的品牌独具特色。在 Firefox 62 的形状路径编辑器中，您可以使用 Firefox 开发者工具直接从 CSS 检查器中直观地编辑形状，选择要修改形状的元素。
-
使用 CSS Grid 的 9 个最大错误
CSS Grid 是一种开创性的 Web 设计新技术。在最新的 Layout Land 视频中，Jen Simmons 解释了人们在采用这项新技术时所犯的9 个最大错误，并提供了避免陷阱和打破旧习惯的建议和技巧。
-
如何编写在所有浏览器中都能正常工作的 CSS，即使是旧的浏览器
Jen Simmons 关于弹性 CSS 的七部分迷你系列，以及如何创建现在在 Web 上的出色图形设计，而无需担心所有旧浏览器。
-
弹性 CSS 周
Jen Simmons 在本周的 Layout Land 视频系列中庆祝弹性 CSS，并向您展示了如何做到这一点。查看开场集： “弹性 CSS 简介”和“我可以使用这个 CSS 吗？”，两者现已上线。
