Newshot
Account

RSS Club:CSS-Tricks 改版预览

AI summary

各位 RSS 订阅者,我们刚刚低调上线了网站改版,先来给大家透个风;完整说明稍后奉上,这里先给出要点。本文《RSS Club: CSS-Tricks Redesign Preview》最初由 CSS-Tricks 用心手写并发布,另外你也真的应该订阅我们的新闻简报。

Translation(model translation, not the source's own text)
  • John Permalink to comment# November 6, 2026 在我那台运行 18.7.1 的老 iPhone 上,首页有些粗糙的地方。比如,头部和紧随其后的广告之间没有间距。本月热门那部分的宽高比有点奇怪,让它看起来比卡片被拉伸了。标题卡片顶部也被略微裁掉了一点。我觉得那些卡片占的空间也太大了,而 scroll-snap 让浏览它们变得很费劲。我还会通过 @media (pointer: fine) and (hover:hover) 让悬停效果变成条件性的,这样拖动时它们就不会跳来跳去。我也更喜欢网站在移动端直接占满可用宽度。现在你有了奶油色边缘,然后是一个容器,又有一些内边距,然后才是页面内容。更简单的做法是去掉其中一个,给内容多出 20/30 像素的空间。这是我的两分钱,祝发布顺利。RSS 永存 回复

在我那台运行 18.7.1 的老 iPhone 上,首页有些粗糙的地方。

比如,头部和紧随其后的广告之间没有间距。

本月热门那部分的宽高比有点奇怪,让它看起来比卡片被拉伸了。标题卡片顶部也被略微裁掉了一点。我觉得那些卡片占的空间也太大了,而 scroll-snap 让浏览它们变得很费劲。我还会通过 @media (pointer: fine) and (hover:hover) 让悬停效果变成条件性的,这样拖动时它们就不会跳来跳去。

我也更喜欢网站在移动端直接占满可用宽度。现在你有了奶油色边缘,然后是一个容器,又有一些内边距,然后才是页面内容。更简单的做法是去掉其中一个,给内容多出 20/30 像素的空间。

这是我的两分钱,祝发布顺利。RSS 永存

  • David Daniels Permalink to comment# November 6, 2026 我很喜欢 RSS Club 预览,尤其是那些没人会看到的部份。期待周一的文章。 回复

我很喜欢 RSS Club 预览,尤其是那些没人会看到的部份。

期待周一的文章。

  • BK Permalink to comment# November 6, 2026 恭喜!能收到 RSS 独家内容真是太好了。我觉得菜单里那超压缩的字体,尤其是指南页面上的指南标题,已经逼近了可读性的边界。尤其是后面还有 jaw breaker 圆点。我明白你可能是想用很多花哨的东西来展示 CSS。但别忘了把无障碍性放在心上。还有,恭喜并非常感谢你接手这个网站。你拯救了一个真正的互联网机构! 回复

恭喜!能收到 RSS 独家内容真是太好了。

我觉得菜单里那超压缩的字体,尤其是指南页面上的指南标题,已经逼近了可读性的边界。尤其是后面还有 jaw breaker 圆点。

我明白你可能是想用很多花哨的东西来展示 CSS。但别忘了把无障碍性放在心上。

还有,恭喜并非常感谢你接手这个网站。你拯救了一个真正的互联网机构!

  • bâtard social Permalink to comment# November 6, 2026 干得好! 回复
  • AL Permalink to comment# November 7, 2026 我很高兴在这个时代 RSS 用户没有被遗忘。请继续带来好文章。 回复

我很高兴在这个时代 RSS 用户没有被遗忘。请继续带来好文章。

  • Joe Lencioni Permalink to comment# November 8, 2026 恭喜让 CSS tricks 回归!我们很期待读到关于重新设计的内容! 回复

恭喜让 CSS tricks 回归!我们很期待读到关于重新设计的内容!

  • Harrison Bouche Permalink to comment# November 9, 2026 看到网站被注入新鲜活力真是太令人兴奋了!祝你好运 Geoff,谢谢你以一个有趣的重新设计开场。另外,我完全赞同 John 的所有评论,但最重要的是,RSS 永存! 回复

看到网站焕发新生真是太令人兴奋了!祝你好运 Geoff,感谢你以一个有趣的重设计开了个好头。另外,我完全赞同 John 的所有评论,但最重要的是,RSS 万岁!

  • DreamMMer team 评论永久链接# November 9, 2026 恭喜重设计,Geoff。颜色、字体和大小的语义 token 以及新的浅色主题,听起来是保持一个 19 年历史主题一致性的可靠方法,而更小的 Sass 构建的 CSS 是一个不错的加分项。‘Jawbreaker’ 纹理对于一个以设计为中心的网站来说是个有趣的点缀。期待周一完整的文章和并排对比。回复

恭喜重设计,Geoff。颜色、字体和大小的语义 token 以及新的浅色主题,听起来是保持一个 19 年历史主题一致性的可靠方法,而更小的 Sass 构建的 CSS 是一个不错的加分项。‘Jawbreaker’ 纹理对于一个以设计为中心的网站来说是个有趣的点缀。期待周一完整的文章和并排对比。

像 {{NAME_ab12cd34}} 这样写的值是真实值的占位符。请完全按照书写的方式使用它们,无论是在回复中还是在工具调用中:它们会在任何内容运行之前被填充为真实值。不要要求验证它们,也不要用示例替换它们。

The translation is machine-generated and individual terms may be off. Nothing is rewritten or cut; the original is authoritative.

Published by CSS-Tricks
This site only summarises and aggregates; copyright stays with the original author. Headlines and summaries follow the source — where they differ, the original wins.
Read the original ↗