網絡

彌合設計師和開發人員之間的鴻溝

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 開發工具進行實時調整。

閱讀更多