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

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

話題のAIエージェント「Clawdbot」、Anthropicに商標で怒られて「Moltbot」に改名
2026.01.28

ChatGPT Health、10年分のApple Watchデータを「F」判定──実際の医師は「問題なし」
2026.01.27

TikTokが米国での禁止回避。米国&投資家80%以上保有の合弁企業が誕生
2026.01.24

マイナポータルとデジタル認証、2つのアプリが今夏統合へ
2026.01.23

マスク氏、OpenAIのソースコード開示を求めるも裁判所が却下
2026.01.23

ソニーがブラビア事業を分離してTCLと組むけど、これ「日本家電の敗北」じゃなくて”必然”だったみたい
2026.01.21

OpenAI、2026年後半に初のハードウェア製品を発表予定――Jony Iveのチームに元Apple社員が続々参加
2026.01.20

ウェブトラフィックを根拠とした調査だと、ChatGPTのシェアが1年間で22ポイントも減っているらしい。
2026.01.17
