AppleのSystem 6のUIをCSSで再現できる「System.css」が公開されています。詳細は以下から。
Apple(旧Apple Computer)が、Classic Macintosh向けに1984年から1991年まで開発していたSystem OSはモノクロームデザインながら、現在のmacOSの基礎となっていますが、このSystem OSのUIをCSSで再現できるライブラリ「System.css」が公開されています。
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をベースに開発したそうで、
so i made a lil #CSS library that allows you to implement a classic monochrome MacOS interface.
calling it System.css, as it's based on Apple’s Monochrome System OS that ran from 1984-1991.
🔗 https://t.co/NO5uC2QIrm pic.twitter.com/hLPpOiZ9LN
— Sakun (@sakofchit) August 11, 2022
system.cssは現在のところ、まだBeta段階のため再現できるコンポーネントやウィンドウは少ないですが、MITライセンスで公開されており、JavaScriptを一切使用していないCSSライブラリで、他のフレームワークと一緒に利用できるので、System OSスタイルのWebサイトをデザインしたい方はチェックしてみてください。
コメント