网络

弥合设计师和开发人员之间的鸿沟

UXPin 最近推出了一项名为“合并”的新功能。 该工具旨在突破设计和开发的鸿沟，同时提高我们团队所期望的敏捷性和质量。 这项新技术可能会引起对整个设计团队和工程团队如何协作的重新思考。

阅读更多

自动填充深色图案

“黑暗模式”是一种欺骗性的 UX 模式，它会诱使用户做他们可能并不真正想做的事情。 在本文中，Alvaro Montoro 做了一个小实验，以了解在三种不同的浏览器中从用户那里剥夺了多少隐私。

阅读更多

Vue 中的可组合 CSS 动画与 AnimXYZ

像 GSAP 和 Framer Motion 这样的大多数动画库都是纯粹用 JavaScript 或 TypeScript 构建的，不像 AnimXYZ 被标记为“第一个可组合的 CSS 动画工具包”，主要用 SCSS 构建虽然是一个简单的库，但它可以用来实现很多很棒的在很短的时间内和很少的代码在网络上制作动画。

阅读更多

使用现代图像格式：AVIF 和 WebP

在本文中，我们将重点介绍现代图像格式（AVIF 或 WebP）如何将压缩率提高多达 50%，并在保持视觉吸引力的同时提供更好的每字节质量。 我们将比较高质量、低质量和文件大小目标的可能性。

阅读更多

提高 Markdown 的可访问性

您可以在 Internet 上的许多地方找到 Markdown。 本文介绍了 Markdown 的不同方面以及它如何与其他技术交互。

阅读更多

让我们深入了解赛普拉斯的端到端测试

端到端测试对您来说是一个痛苦的话题吗？ 在本文中，Ramona Schwering 解释了如何使用 Cypress 处理端到端测试，并使其对您自己来说不再那么乏味和昂贵，而是变得有趣。

阅读更多

使用 Next.js 重建大型电子商务网站（案例研究）

我们使用 Next.js 从更传统的集成电子商务平台转变为无头平台。 以下是使用 Next.js 重建大型电子商务网站时学到的最重要的经验教训。

阅读更多

使用强调色简化表单样式

新的 CSS `accent-color` 属性可以通过利用用户代理样式快速轻松地将我们的品牌颜色推广到某些表单输入。 在本文中，我们将看看它的作用以及如何将它与 `color-scheme` 一起用于简单、可访问的复选框和单选按钮 - 并想象我们将来如何使用它。

阅读更多

如何构建自己的无鼠标开发环境

以 shell 为基石构建开发环境提供了多种好处。 您可以根据自己的需要自定义所有内容，最重要的是，您可以使用键盘控制整个开发环境。

阅读更多

Web 开发工具如何帮助用户跟上快速变化的步伐

过去 18 个月是前所未有的动荡时期。 随着世界人民涌入网上，企业也加入了他们的行列，使用 Web 开发工具进行实时调整。

阅读更多