網絡

從頭開始創建一個可訪問的對話框

對話框在現代界面設計中無處不在(無論好壞),但其中許多不能被輔助技術訪問。 在本文中,我們將深入研究如何創建一個簡短的腳本來創建可訪問的對話框。

閱讀更多

Next.js 中的全局與本地樣式

Next.js 對如何組織 JavaScript 而不是 CSS 有強烈的看法。 我們如何開發鼓勵最佳 CSS 實踐的模式,同時遵循框架的邏輯? 答案非常簡單——編寫結構良好的 CSS 以平衡全局和局部樣式問題。

閱讀更多

吸引客戶加入您的代理機構的指南

許多網頁設計機構認為他們完全通過口碑推薦贏得工作是一種榮譽徽章。 在這篇文章中,Paul Boag 解釋了為什麼這是完全錯誤的態度以及如何處理它。

閱讀更多

以專業人士的身份為您的日程安排添加時間

您是否正在經營一家企業並且一次有太多事情要做? 會議、錯誤、客戶反饋、新客戶以及您已經緊迫的截止日期? 讓我們面對現實吧,時間管理很難,在我們所處的艱難時期變得更加困難。

閱讀更多

色彩工具和資源

你需要一點靈感嗎? 我們收集了一些我們最近發現的有用的色彩工具和資源——以幫助您充分利用您的創造力。 我們最近還介紹了 [CSS 審計工具](https://www.smashingmagazine.com/2021/03/css-auditing-tools/)、[CSS 生成器](https://www.smashingmagazine.com/ 2021/03/css-generators/), [可訪問的前端組件](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/), [前端樣板](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/)和[VS代碼擴展](https://www.smashingmagazine.com/2021/05/useful -vs-code-extensions-web-developers/)——你可能會發現它們也很有用。

閱讀更多

如何從 WordPress 遷移到無頭 CMS

在本文中,我們將探討從單體項目遷移到無頭設置的意義以及隨之而來的好處。 除了關於如何將 WordPress 遷移到 Storyblok Headless CMS 的分步指南之外,還有在此過程中會出現的問題以及如何處理這些問題。

閱讀更多

通過視覺測試保持端到端質量

通過在測試中添加視覺元素,您可以獲得更多選項來添加有意義的方式來保持應用程序的高質量。 Colby Fayock 解釋瞭如何。

閱讀更多

您可以使用 JavaScript 數據網格做到這一點嗎?

在本文中,您將看到一些可以使用現代 JavaScript 網格實現的非常開創性的事情,並發現增強數據網格以使其具有吸引力、響應性和可訪問性的新方法。 所有這些都將使用 Kendo UI 數據網格及其功能進行說明。

閱讀更多

令人沮喪的設計模式:損壞的過濾器

經常處理過濾器可能會令人沮喪。 讓我們把它們弄好。 這意味著永遠不要在單個輸入上凍結 UI,提供文本輸入回退並且永遠不會在單個輸入上自動滾動用戶。 這就是為什麼。

閱讀更多

使用 Intersection Observer 構建動態標題

在 JavaScript 中,附加一個事件偵聽器以在滾動時不斷觸發回調可能是性能密集型的。 但是有一個更好的方法是使用 Intersection Observer。

閱讀更多