網絡

25 歲的 W3C

在這篇文章中,Rachel Andrew 解釋了 W3C 的工作原理並分享了她的“網絡故事”,以解釋為什麼網絡標準流程對於每個人來說都非常重要,因為他們可以擁有一個開放的網絡平台,在那裡他們可以分享他們的故事並為網絡構建很棒的東西一起。

閱讀更多

Firefox 中新的和實驗性的 CSS DevTools 指南

自從發布 Grid Inspector 以來,Firefox DevTools 團隊受到啟發,構建了一套新的工具來解決現代 Web 的問題。 在本文中,我們將了解所有 7 種工具,並了解潛在的未來項目。

閱讀更多

如何在 PWA 上使用麵包屑導航

PWA 應該為訪問者提供比移動網站更好的體驗。 但是,僅僅因為 PWA 將像原生應用程序那樣使用粘性導航,這並不能讓它們變得容易使用。 如果您擔心在沒有一些指導的情況下您的 PWA 將難以導航,請使用麵包屑導航。 您可以使用它們來改進導航、可讀性、轉換等。

閱讀更多

為十月 CMS 開發自定義插件

如果您喜歡編寫面向對象且易於閱讀的代碼,那麼本文適合您。 您將學習如何編寫自己的插件以及為什麼 10 月可能是您下一個項目的不錯選擇。

閱讀更多

設計系統是關於關係的

設計系統可以提高可用性,但它們也會限制創造力或與實際產品不同步。 在本文中,我們將探討設計人員和開發人員如何通過建立協作文化來創建更強大的設計系統。

閱讀更多

帶有 CSS 網格和命名列的編輯設計模式

通過在設置我們的 CSS 網格佈局時命名行,我們可以利用網格的一些有趣和有用的特性——當我們引入子網格時這些特性變得更加強大。

閱讀更多

Bea Feitler 啟發設計決策:一股不可阻擋的創造力

在 Inspired Design Decisions 的第五期中,Andy Clarke 將向您介紹 Bea Feitler,她在 1960 年代指導了 Harper's Bazaar,並被描述為“您從未聽說過的開創性女性藝術總監”。 Andy 將向您介紹 Feitler 的自信作品,並向您展示如何將她的一些設計技巧應用到您為網絡製作的作品中。 在本文中,您將學習如何在最小的屏幕上強調比例並保持其對比度。 Andy 將教您如何自信地選擇顏色,以及如何使用圖案和紋理為您的設計增添深度。

閱讀更多

SmashingConf 2020 – 舊金山、弗萊堡、紐約和奧斯汀

這是官方的! 明年,我們將在舊金山、弗萊堡、紐約和奧斯汀這些城市中的每一個城市組織一次 SmashingConf! 我們計劃在 2019 年的成功和所學的基礎上再接再厲,這樣我們就可以為您帶來為期兩天的實用學習——一路上充滿樂趣和驚喜!

閱讀更多

科學怪人遷移:與框架無關的方法(第 2 部分)

在閱讀之前,您可能想先回到 [第 1 部分](https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/),因為它會對您有所幫助在本文的第二部分中繼續進行。

閱讀更多

在 Figma 中創建表格

這是為那些在 Figma 中苦苦掙扎的人提供的詳細指南。 我們將使用組件創建一個表格,以便以後您可以在可擴展性和編輯方面節省大量時間。 此外,您將能夠輕鬆地將表格集成到您的設計系統中。

閱讀更多