網絡 - Devzv

網絡

如何使用 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 向讀者介紹了“分層可訪問性測試”，這是一種在數字產品生命週期的不同階段使用各種工具和方法來及早發現可訪問性問題的做法——當修復這些問題更容易、更便宜時。