画像ファイルを使っていないだと!?CSS3だけで作られたOS X Lionが凄すぎる!!

css3

以前、CSSとJavascriptだけで実装されたiPhone 4を紹介したのを覚えているだろうか。あのiPhoneもとんでもないクオリティだったが、さらに仰天するようなものを作った人がいる。

上記のスクリーンショット、これは一部を除き、画像ファイルを殆ど使用せずにCSSとJavascriptのみで作成されたMac用OS「OS X Lion」である!!


実際の作品は下記リンクからどうぞ。

Mac OS X Lion CSS3 by Alessio Atzeni
起動画面もちゃんとある…頭おかしい…凄すぎる…

ソースを見てみたところ、CSSが約1000行、Javascriptが約1500行で書かれているようだ。

起動画面もログイン画面もある。日付と時間も正しく動作している。ログインするとウィンドウを動かすこともできる。本当に一体どうなってるんだ…。

僕のタイムラインを見て頂いている人は分かると思うが、仕事の関係でJavascriptを勉強している。JavascriptとCSSだけでこれだけのことができると思うと、物凄くワクワクするね!!早くもっと分かるようになりたい!

<追記: 2012.01.25 14:27>
どうやら一部のアイコンは画像を使用しているようだ。ソースみたら普通にimgタグがありました…。それでもすごいけどね!@ryo_dgくん、指摘ありがとうございます◎

(via Cult Of Mac

もっと読むウェブまとめ