所有布局

Avatar of Robin Rendle
Robin Rendle

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

所有布局是 Heydon Pickering 和 Andy Bell 的一个新的正在进行中的网站和书籍,它解释了如何使用 CSS 制作常见的布局模式。他们描述了在设计这些布局时遇到的许多问题,例如响应式问题和确保我们都编写可维护的代码,然后他们在每篇文章的末尾提供了一个方便的生成器来创建我们自己的用于处理这些问题的框架。

他们还有一个配套博客,其中一篇名为 “算法设计” 的帖子引起了我的注意

我们作为 Web 视觉设计师犯了许多最大的错误,原因是我们坚持硬编码设计。我们通过对内容应用固定位置和尺寸来破坏浏览器的布局算法。

相反,我们应该尊重为 CSS 提供动力的底层算法,并且我们应该以算法的方式思考,因为我们根据这些基础来推断布局。我们需要利用选择器逻辑,利用流和包装行为,并使用计算来根据上下文调整布局。

用于灵活、健壮和高效的 Web 布局的工具已经存在。我们只是太忙于制作 CSS 而无法使用它们。

我期待着看到这个项目的发展方向,以及这两位最终会记录多少种布局。

直接链接 →