文章标签

我最近在尝试一个现代化的博客列表设计。想法是，以杂志式的布局向读者提供这些博客的最新文章，而不是仅仅列出我们最喜欢的博客。…

假设我们正在制作一个新闻网站的主页。你可能已经习惯了在网格布局中看到一些基于卡片的内容，对吧？以下是一个经典示例，来自《纽约时报》

是的，类似这样的…

如果你想在网页上创建奇妙独特的视觉体验，你最终会需要让两个元素重叠或存在于同一个位置。你甚至可能仅仅需要将它们定位在彼此附近或旁边…

许多流行的简历设计都充分利用了可用页面空间，通过网格形状将各个部分排列起来。让我们使用 CSS 网格来创建一个布局，使其在打印时和不同屏幕尺寸下都看起来很棒。…

我认为 Adam 的第一个预测是最大胆的，甚至超过了他那些“Hail Mary”的预测。CSS grid 太棒了，而 gap 可能是它最出色的功能之一，但 gap 取代 其他方式（例如 margin）来设置间距是一个…

我最近需要制作一个类似报纸的设计，其中包含多个行和列跨度，并在它们之间添加分隔线。查看一下这个模型图形，看看它是否让你感到有些头疼。如果你…

网页开发的世界一直存在着 从设计到开发的交接差距。雄心勃勃的设计师希望他们的努力成果最终呈现出独特美观的效果（并且忠于他们的最初愿景），而许多开发人员则发现更多…

在这篇文章中，我们将使用 CSS 超能力来创建一个视觉效果，其中两个元素重叠并互相编织。这个设计的灵感来自一次短暂的精神探索，我最终来到了 圣经项目…

“数据丢失”是一个有趣的术语。我的大脑把它想成是从服务器到你的浏览器的数据包丢失，导致文件中的内容丢失。也许在某种程度上确实是这样的，但在 CSS 术语中，…