Windows 98 風の UI を構築する CSS ライブラリ「98.css」
98.css は、Windows 98 の見た目を再現したユーザーインターフェースを構築するための CSS ライブラリであり、セマンティック HTML とスタイルシートのみで実装され、JavaScript を含まない。React やバニラ JavaScript など複数のフロントエンドフレームワークに対応しており、npm や unpkg から利用可能である。
ライブラリの特徴
98.css は「古い UI の忠実な再現のためのデザインシステム」として位置付けられており、セマンティック HTML に基づいた設計となっている。このライブラリは CSS スタイリングのみで構成されており、JavaScript を含まないため、React やバニラ JavaScript を含む任意のフロントエンドフレームワークとの互換性を持つ。GitHub リリースページまたは npm からインストール可能である。
コンポーネント仕様
標準的なボタンは幅 75px、高さ 23px で、外側および内側に浮き出した枠線を備える。ボタンには デフォルトで 12px の水平パディングが付与される。クリック時には浮き出した枠線が沈み込んだ状態に変化し、無効状態のボタンは浮き出した枠線を保ちながら淡い表示となる。フォーカス状態はボタンコンテンツの内側 4px に破線の枠線で示される。
ライブラリに含まれるコンポーネントは以下の通りである：Button、Checkbox、OptionButton、GroupBox、TextBox、Slider、Dropdown、Title Bar、Window contents、Status Bar、TreeView、Tabs、TableView。チェックボックスは沈み込んだパネルで表現され、選択時にチェックアイコンが表示される。グループボックスはオプショナルなラベル付きの矩形フレームで、複数のコントロールを囲む。
アクセシビリティ
「アクセシビリティはこのプロジェクトの主要な目標」とされており、設計段階からアクセシビリティを考慮した実装がなされている。
この記事は元記事の事実のみに基づいて自動生成されました。