网络

如何使用 Auth0 在 Next.js 中实现身份验证

使用 Auth0 向 Next.js 应用程序添加身份验证和授权的分步教程。 我们将使用 Next.js SDK 将我们的应用程序连接到 Auth0 API，并将为 React 创建动态 API 路由。

阅读更多

令人沮丧的设计模式：大型下拉悬停菜单

在设计和构建大型下拉菜单、常见陷阱、悬停进入/退出延迟、轨迹三角形技术和 SVG 路径退出区域时要记住的一切。

阅读更多

如何使用 SVGator 3.0 在一处创建、编辑和动画化 SVG

今天，我们将深入了解 [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing)，它是流行的 SVG 应用程序的新主要版本，可让您创建、编辑和为 SVG 文件制作动画并充分利用 SVG 所提供的功能——从头到尾。

阅读更多

Smashing Podcast 第 37 集与 Adam Argyle：什么是 VisBug？

在本集中，我们将讨论 VisBug。 它是什么，它与 Chrome DevTools 中已有的一系列选项有何不同？ 德鲁麦克莱伦与它的创造者亚当阿盖尔交谈以找出答案。

阅读更多

我们如何改进我们的核心 Web Vitals（案例研究）

Google 的“页面体验更新”将于 6 月开始推出。 首先，满足 Core Web Vitals 阈值的网站在所有浏览器的移动搜索中将具有较小的排名优势。 搜索对任何企业都很重要，这就是 Beau Hartshorne 和他的 Instant Domain Search 团队如何提高他们的 Core Web Vitals 分数的故事。

阅读更多

摇树：参考指南

“Tree-shaking”是捆绑 JavaScript 时必须具备的性能优化。 在本文中，我们将深入探讨它的工作原理以及规范和实践如何相互交织以使捆绑包更精简、更高效。 另外，您将获得一份用于您的项目的摇树检查清单。

阅读更多

需要修复的令人沮丧的设计模式：生日选择器

在这个关于 UX 的新系列文章中，我们仔细研究了一些令人沮丧的设计模式并探索更好的替代方案，以及在构建或设计模式时要牢记的大量示例。 让我们从一个臭名昭著的生日选择器开始。

阅读更多

小粉碎故事

今天是我们发出第 300 期 Smashing Newsletter 的日子。 这篇文章是一个小小的庆祝活动，我们在其中分享了幕后工作人员的小 Smashing 故事。

阅读更多

了解 CSS 动画和过渡的缓动函数

缓动函数可以通过影响动画的速率或速度来改变动画的外观和感觉。 在本文中，我们将深入探讨缓动函数，看看我们如何使用它们来创建那些自然而令人惊叹的动画。

阅读更多

如何将可访问性测试层烘焙到您的流程中

可访问性专家 Kate Kalcevich 和 Mike Gifford 向读者介绍了“分层可访问性测试”，这是一种在数字产品生命周期的不同阶段使用各种工具和方法来及早发现可访问性问题的做法——当修复这些问题更容易、更便宜时。

阅读更多