歡迎閱讀我們不斷增加的元件模式系列。這些實用資源提供靈感、無障礙需求、可視區域和使用者偏好適用的自動調整策略等等。
建立回應式且無障礙的導覽標記元件,讓使用者能瀏覽您的網站。
設定網站上各種按鈕類型的樣式。
建立色彩自動調整、回應式且無障礙的輪轉介面元件。
建立可調色、回應式,以及方便操作的迷你和大型視窗。
建立滑鼠和鍵盤可存取的 3D 遊戲選單。
使用進度元素建構可自動調整且易於存取的載入列。
為網頁建立橫向捲動體驗,不僅精簡、立即回應、易於存取,也能跨瀏覽器和平台運作。
建構回應式、自動調整和無障礙功能的複選元件,用於排序和篩選。
建立回應式、支援多種裝置輸入,並可在不同瀏覽器上運作的設定元件
回應式、有狀態、支援鍵盤導覽、可搭配或不使用 JavaScript 使用,且適用於多種瀏覽器
建構自動調整且可存取的分割按鈕元件。
為網頁建立回應式、支援鍵盤導覽功能,且可在多種瀏覽器中運作的「故事」元件。
使用 SVG 建構深色和淺色主題的自動調整網站小圖示。
建立回應式、自動調整且無障礙的切換元件。
建立含有格線及捲動貼齊點的分頁元件。
建構自動調整且可存取的浮動式訊息元件。