React 19 已经正式发布，带来了许多令人激动的新特性和改进，帮助开发者更高效地构建现代应用。本文将全面介绍 React 19 的新功能，包括改进的状态管理、全新的 useActionState 钩子、自动化的表单提交、优化的异步更新以及增强的服务器端支持。此外，React 19 还推出了对自定义元素的全面支持，并改进了文档元数据和样式表的处理方式，为开发者提供更流畅的开发体验。通过这些新增功能，React 19 极大简化了开发流程，提升了性能，帮助开发者更轻松地管理异步操作、错误处理和状态更新。

GitHub Copilot 免费版每月提供 2000 次代码补全，约合每天 80 次。对于大多数开发者来说，这已经足够使用。此外，你还可以享受每月 50 次聊天请求的机会，并且可以使用 GPT-4 和 Claude 3.5 Sonnet 模型。

现代 CSS （Modern CSS）应该是 2023 年前端圈热门话题之一，在最近的 CSS Day 活动上也有这个话题。另外在社区中也不乏现代 CSS 的讨论以及如何使用现代 CSS 特性来编写和组织 CSS 代码，以及如何使用现代 CSS 技术更好的构建出可扩展，未来更友好的 Web 项目。

在 CSS 中，我们有很多种方式为元素设置透明度，常见的是给元素设置透明度和给颜色设置透明度，不同的方式将会带来不一样的效果。那么今天，我们就一起来聊聊 CSS 中的不透明度。感兴趣的同学，请继续往下阅读。

最近 Google I/O 大会开的是热火朝天，我也一直在关注与 Web UI 和 CSS 有关的话题。这不，在 @Una Kravets、@Bramus 和 @Adam Argyle 在 Chrome 开发者博客上就推出一篇关于这方面的文章，即 What's new in CSS and UI: I/O 2023 Edition。在这篇文章中介绍了有关于 Web UI 和 CSS 方面的近 20 个新特性，这 20 个新特性都是最近推出或即将推出的，而且是最令人兴奋和具有影响力的功能。那么，我以我自己的视角来加工一下，感兴趣的同学请继续往下阅读（你也可以点击这里跳转到原文进行阅读）。

如何使自己构建的 UI 或编写的 CSS 代码更具防御性（健壮性），确保还原的 UI 在不同的条件下都能工作，不打破 Web 布局或 Web UI，是每位专业的 Web 前端开发者必备的技能。这本小册从“防御式”角度出发，分析了布局、UI 效果、媒体对象、交互体验等多种场景下编写 CSS 的注意事项，你可以把它当作 CSS 技巧集合或 CSS 魔法集合！

已经很久没有看到有一本关于 Web 布局的书了。我在一些平台上搜索了一下，关于 Web 布局方面的书还是停留在多年以前，比如 DIV + CSS 方面的。基于这个原因，几年前我就开始想写一本关于 Web 布局方面的书。有一次有月影姐姐聊了一下我自己的想法，我说想写一本关于 现代 Web 布局方面的小册，后来得到月影姐姐的支持和鼓励，就有了现在这本小册！经过三个多月的全职时间创作，该小册已经接近尾声，现在面向大家！希望大家能喜欢！

2022年CSS Day于2022年6月9日和10日在阿姆斯特丹举行，这是时隔三年后再次举办的一次有关于CSS主题的盛会（上一届是2019年）。今年的CSS Day一共有14个关于CSS方面的话题，其中有几个话题是非常有意思的，比如 Lea Verou 的 《CSS Variable Secrets》、Bramus Van Damme的《The CSS Cascade, a deep dive》、Adam Argyle的《Oh Snap!》和 Michelle Barker 的《Creative CSS Layout》。就我个人而言，Michelle Barker 的 《Creative CSS Layout》话题我最为感兴趣，该话题围绕着 CSS 的一些新技术给Web布局带来的变化而展开。如果用一句话来描述的话，就是 CSS的新特性可以构建具有创造性的、灵活的Web布局。在接下来的内容中，我们一起来看看这个主题中所阐述的观点和内容，如果你感兴趣的话，请继续往下阅读。

前面已经花了两篇的篇幅（《CSS背景：Part1和Part2》）介绍完了除background-size之外的所有background子属性的特性以及使用。众所周之，在Web中对于<img>引入的图片，我们可以显式使用width、height、aspect-ratio或object-fit等属性来调整图片尺寸，但对于背景图片，我们只能使用background-size来进行调整。那么background-size是如何决定背景图片尺寸的计算呢？如果你感兴趣的话，这篇文章可以告诉你很多不为人知的答案。

在第一部分主要和大家一起探讨了 CSS background属性中的background-image、background-repeat、background-attachment 等属性。今天接着和大家一起来探讨其另外三个子属性，即 background-position、background-clip 和 background-origin。感兴趣的同学请继续往下阅读！