查看原文
其他

Chrome 121 支持 scrollbar 样式定制!Astro 首个社区贡献版本发布!Next.js 14.1 正式发布!

小懒 FED实验室 2024-02-12
关注下方公众号,获取更多热点资讯

今天是坚持日更的第140天,如果文章对您有帮助,记得点击关注、点赞、在看支持我

Chrome 121 新增 scrollbar 标准化样式属性

CSS Scrollbars Styling Module Level 1允许开发人员通过指定滚动条的颜色和粗细来为其设计样式。该规范增加了以下两个属性:

  • scrollbar-color:该属性可更改滚动条的颜色方案,使其更适合网页的特定风格。
  • scrollbar-width:该属性允许使用更窄的滚动条,这可能更适合某些使用情况,甚至可以完全隐藏滚动条而不影响滚动性。

Chrome 121 中的新增对 scrollbar-widthscrollbar-color 属性的支持,开发者可以更方便的定制滚动条样式。与 ::-webkit-scrollbar-* 伪元素不同,这些属性已经被 CSSWG 标准化。

如下代码样式:

.scroller {
  --scrollbar-color-track#0000ff;
  --scrollbar-color-thumb#ff69b4;
}

@supports (scrollbar-width: auto) {
  .scroller {
    scrollbar-colorvar(--scrollbar-color-thumb) var(--scrollbar-color-track);
  }

  .warning {
    display: none;
  }
}

Astro 4.2正式发布,首个由社区贡献的版本!

Astro 4.2 正式发布!该版本包括可供试用的新实验功能、可访问性规则的改进、注释插件在 Markdown 中自定义图像优化的功能,以及更多改进和错误修复。

亮点包括:

  • (实验性)支持使用Speculation Rules API预渲染页面
  • (实验性)重制注入路由的优先级
  • 新增 redirectToDefaultLocale 配置选项
  • 改进的可访问性规则
  • 可定制的 Markdown 图片优化

这标志着 Astro 首次发布了几乎所有功能都来自社区贡献的版本,只有一个亮点是由 Astro 核心维护者带来的。这对 Astro 来说是一个巨大的里程碑,因为这意味着 Astro 现在已经发展壮大,拥有了一支充满活力的贡献者社区,能够引领发布工作。

Next.js 14.1 正式发布

Next.js 14.1 正式发布,包含了众多开发者体验的改进,包括:

  • 改进自托管:新的文档和自定义缓存处理程序。
  • Turbopack 改进:5600 个测试通过 next dev --turbo
  • DX 改进:改进的错误消息,支持 pushStatereplaceState
  • 并行和拦截路由:根据您的反馈解决了 20 个错误。
  • next/image 改进:<picture>、艺术方向和暗黑模式支持。

立即升级或开始使用:

npx create-next-app@latest

大家都在看

继续滑动看下一个

Chrome 121 支持 scrollbar 样式定制!Astro 首个社区贡献版本发布!Next.js 14.1 正式发布!

小懒 FED实验室
向上滑动看下一个

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存