AppleのSystem 6のUIをCSSで再現できる「System.css」が公開。

System.css A design system for building retro Apple interfaces Design
記事内に広告が含まれています。
スポンサーリンク
スポンサーリンク
スポンサーリンク

 AppleのSystem 6のUIをCSSで再現できる「System.css」が公開されています。詳細は以下から。

system.css

 Apple(旧Apple Computer)が、Classic Macintosh向けに1984年から1991年まで開発していたSystem OSはモノクロームデザインながら、現在のmacOSの基礎となっていますが、このSystem OSのUIをCSSで再現できるライブラリ「System.css」が公開されています。

System.css A design system for building retro Apple interfaces

System.css is a CSS library for building interfaces that resemble Apple’s System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however this library is based on System 6 as it was the final monochrome version of MacOS.

sakofchit/system.css: A design system for building retro Apple interfaces – GitHub

 System.cssを公開したのはコンピューターサイエンスを専攻しているSakun Acharigeさんで、Windows 98のGUIをCSSで再現した98.cssからアイデアを得て、System OSがモノクロームデザインだった最後のSystem 6をベースに開発したそうで、

system.cssは現在のところ、まだBeta段階のため再現できるコンポーネントやウィンドウは少ないですが、MITライセンスで公開されており、JavaScriptを一切使用していないCSSライブラリで、他のフレームワークと一緒に利用できるので、System OSスタイルのWebサイトをデザインしたい方はチェックしてみてください。

System.cssのサンプル

コメント

タイトルとURLをコピーしました