gridless.design

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Donnie D’Amato 围绕着这样一个论点构建了一个完整的网站,即“数字设计师仍然期望使用网格,而经验丰富的布局工程师已经超越了它。” 这个想法并不是说我们不应该在字面上使用 display: grid;,而是说不必严格遵守整体页面网格。布拉德的反应很有趣,因为他比我参与了更多项目

与设计师最常见、最令人困惑的对话之一是“不,覆盖设计稿的粉色线条对浏览器中事物实际工作方式并没有多大帮助。”

[…] 把你透明的粉色12列网格扔进垃圾桶。

Brad Frost“链接到gridless.desgn”

Donnie 认为这一切都符合响应式设计的精神,我倾向于同意,只是浏览器技术自从响应式设计诞生以来已经发展了很多,现在可能是时候给它起个新名字了。“内容驱动设计”是 Donnie 的标题之一,这是一个不错的短语。

这一切也引起了 Michelle 的共鸣

像 flexbox 和 Grid 这样的 CSS 布局功能使我们能够构建更灵活的布局,这些布局优先考虑内容。我们在 CSS 中讨论了内在和外在大小——基于内容和上下文的大小。承诺的容器查询规范将赋予开发人员更多权力。但在我看来,设计流程仍然停留在过去。

Michelle Barker“是时候抛弃设计网格了吗?”

容器查询真正到来时,整体页面布局将真正成为濒危物种。Donnie 知道

[…] 在使用[浏览器窗口大小]断点之前,您应该真正考虑所有其他选项。请问,该组件是否始终与页面大小相关(标题、模态框等)?如果是,则断点可能是可以接受的。但是,放置在页面深处的组件不应使用断点来告知其布局。

直接链接 →