画像ファイルを使っていないだと!?CSS3だけで作られたOS X Lionが凄すぎる!!
以前、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)
もっと読む
2013.11.14
2012.06.13
2012.01.04
2011.07.25
2011.02.25
まだコメントはありません
最初のコメントを書いてみませんか?
関連キーワード
コメント(0件)
注意点
「テック全般」新着記事

Netflix、米国でまた値上げ。スタンダードが2023年のプレミアムと同額になってしまう
2026.03.27

ChatGPT、今週からショッピング機能を大幅アップデート。全プラン対象で順次提供
2026.03.26
OpenAIのAI動画アプリ「Sora」、たった半年でサービス終了へ。Disneyとの大型契約も白紙に
2026.03.25

OpenAI、Mac向け”スーパーアプリ”を開発中か。ChatGPT・Codex・Atlasを1つに統合へ
2026.03.21

EngadgetがYahooの手を離れ、Static Mediaに売却されるらしい
2026.03.04

Claudeが米App Storeで突如1位になった理由。新機能ではなく”政府への反論”
2026.03.02

UberのCEO、”自分のAIクローン”で社員がプレゼン練習してると明かす
2026.02.25

Nothing自身が待ちきれない説。「Phone (4a)」、発表3日前にリアデザインをフライング公開
2026.02.24

メイウェザーとパッキャオ、11年ぶりのリマッチが決定。9月19日にNetflixが独占配信
2026.02.24

ChatGPTに広告が出てた。会話の最初からすぐ表示されるらしい
2026.02.20

Claude Sonnet 4.6が登場。無料ユーザーも初めてSonnetクラスがデフォルトに
2026.02.18

OpenClaw開発者がOpenAIに入社、次世代パーソナルエージェント開発へ
2026.02.16

ChatGPT、米国で広告配信テスト開始──FreeとGoプランが対象、回答への影響はなし
2026.02.10

Anthropic、Claude ProとMaxユーザーに50ドル分の無料クレジット配布中!とりあえず今すぐもらっておけ!
2026.02.06

WSJの名物テック記者Joanna Sternさんが独立を発表!12年の在籍を経て自身のメディア企業を立ち上げへ
2026.02.06

Anthropic、最上位AIモデル「Claude Opus 4.6」発表——GPT-5.2を上回る性能で100万トークン対応
2026.02.06

OpenAI CEOがAnthropicを猛批判、「明らかに不誠実」「権威主義的」と痛烈反論
2026.02.05

AnthropicがOpenAIとの違いを強調、スーパーボウルCMで「Claudeは広告なし」
2026.02.05

OpenAI、ライバルのAnthropicから安全対策の専門家を引き抜き──アルトマンCEO「今夜はぐっすり眠れそう」
2026.02.04

Fitbit創業者、今度は「家族全体の健康」を見守るAIサービスを立ち上げたらしい
2026.02.04
