Chris Coyier

当你选择响应式网页设计路线时，其中一部分就是流体网格。也就是说，容器元素使用百分比宽度设置。举个例子：一个包含博客文章的 <article></article> 在小型…

我们已经花了一些时间为页面添加占位符，以便我们的导航能够正常工作（视频 #030），并且你可以点击网站周围的链接，但是这些子页面上的内容不足以让人感觉像是一个真正的页面。…

我们上一次停留在一个完全不错的投票小部件上。排版清晰，一切都能正常使用。但是，它并不完全引人入胜或有趣。我们快速浏览了 Gallery 的多色区域，作为…

CSS-Tricks 上有悠久的投票传统。它们很有趣，可以收集重要的数据，并增强人们与网站的联系。参与至关重要！

我们去获取 v9 网站上的实时标记，以获取一些要处理…

网站主要侧边栏中的顶部模块属于 Treehouse，作为 CSS-Tricks 的主要赞助商。根据我和 Ryan Carson 的对话，他们最有效的广告是…

我想这是本系列中第一次，我们将直接在浏览器中添加一些新的设计元素（而不是首先在 Photoshop 中开始）。我们的目标是设计出“热门链接”模块…

将桌面浏览器缩放到非常窄的程度可以让你对响应式设计的工作原理有一个模糊的概念，但它并不能准确地反映实际的小屏幕设备。而我们设计的是实际的小屏幕设备…

搜索设计在缩放到我们的“小熊”（小型移动设备）尺寸断点之前一切正常。我们必须在那里做一些不同的事情。我们在导航区域下方为它腾出一些空间，然后将其向下移动到…

我们目前使用的广告在大型/桌面尺寸屏幕上很棒，但在较小的屏幕上很快就会失效。

我们在这个设计中已经使用了一些断点，但是这个设计开始失效的地方…