【粗译可跳转原文】无网格程序设计

343 阅读2分钟

Donnie D'Amato围绕着"数字设计师仍然期望使用网格,而有经验的布局工程师已经超越了它 "这一论点建立了一个完整的网站。这个想法并不是说我们不应该从字面上使用display: grid; ,而是说严格遵守整个页面的网格是不必要的。布拉德的反应很有趣,作为一个比我进出更多项目的人。

与设计师最频繁、最令人困惑的对话之一是:"不,那些覆盖在设计图上的粉红色线条对事情在浏览器中的实际运作并没有什么帮助。"

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

布拉德-弗罗斯特"链接帖子到无网格.desgn"

Donnie认为这一切都符合响应式设计的精神,我也倾向于同意,只是自从响应式设计提出以来,浏览器技术已经有了相当大的发展,_也许是_时候叫它新的名字了。"内容驱动的设计 "是Donnie的标题之一,这句话很好。

这一切也引起了Michelle的共鸣。

像flexbox和Grid这样的CSS布局功能使我们能够建立更灵活的、以内容为优先的布局。我们在CSS中谈论内在的和外在的尺寸--基于内容和背景的尺寸。承诺的容器查询规范将把更多的权力放在开发者的手中。但在我看来,设计过程仍然停留在过去。

Michelle Barker"是抛弃设计网格的时候了吗?"

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

[......]在使用[浏览器窗口尺寸]断点之前,你应该真正考虑所有其他的选择。问一下,该组件是否预计总是与页面大小有关(标题、模版等)?那么断点可能是可以接受的。然而,那些被放置在页面深处的组件不应该使用断点来告知其布局。

直接链接到文章-Permalink


The postgridless.designappeared first onCSS-Tricks.你可以通过成为MVP支持者来支持CSS-Tricks。