98.css

這是一個開源專案（GitHub Project）。

📌 還想要回 Windows 98 的懷舊感？用 98.css 快速打造復古介面

TL;DR：98.css 是一個純 CSS 函式庫，能讓你的 HTML 介面瞬間擁有 Windows 98 風格。

想要在現代網頁中重現 90 年代的經典視覺嗎？98.css 提供了一套設計系統，讓開發者能輕鬆打造極具還原度的舊時代使用者介面 (UI)。

🧩 純 CSS 驅動，完美相容各種前端框架

98.css 的設計理念非常純粹：它不包含任何 JavaScript，僅透過 CSS 為 HTML 元素進行樣式化。這意味著無論你使用的是 React、Vue 還是原生 JavaScript (Vanilla JS)，都能直接整合使用。

安裝方式非常簡單，你可以透過 npm 安裝，或是直接在 HTML 中引入 unpkg 的連結： <link rel="stylesheet" href="https://unpkg.com/98.css">

🤔 以無障礙設計為核心，並強調語義化 HTML

儘管追求復古視覺，98.css 在開發時仍將無障礙設計 (Accessibility) 列為首要目標。為了達到最佳效果，開發者應遵循語義化 HTML 的規範：

• 使用 <button> 來建立按鈕元件。
• 輸入元件 (Input elements) 必須搭配標籤 (Labels)。
• 圖示按鈕 (Icon buttons) 則需依賴 aria-label 來確保可讀性。

此外，這套函式庫也提供了高度的靈活性，允許開發者在維持復古外觀的同時，自行覆寫 (Override) 樣式，例如調整按鈕的內距 (Padding) 或輸入標籤的顏色。

🖼️ 標準按鈕的設計細節

根據檔案說明，一個標準的指令按鈕 (Command button) 預設具有以下特性：

• 尺寸：寬 75px，高 23px。
• 外觀：具有凸起的內外邊框 (Raised outer and inner border)。
• 間距：預設提供 12px 的水平內距 (Horizontal padding)。

🔗 來源

• 標題：98.css
• 作者／機構：lopespm
• 連結：https://jdan.github.io/98.css/#status-bar

#CSS #WebDevelopment #OpenSource #Windows98 #Frontend #UI #UX #RetroDesign #WebDesign #HTML