画像ファイルを使っていないだと!?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件)
注意点
「テック全般」新着記事

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

OpenAI、エージェント型コーディング向けの新Macアプリ「Codex」をリリース—複数AI並行作業に対応
2026.02.03

楽天「SPU」10周年記念、最大10万ポイントが当たるキャンペーン開始
2026.02.02

Apple、AI規制で「プライバシー重視」貫く――OpenAI「大谷翔平の国」発言とは対照的に
2026.02.02

テスラ「Model S」と「Model X」、生産終了へ──代わりに人型ロボット作るらしい
2026.01.29
