画像ファイル一切無し!CSS3で作られたiPhone 4が凄すぎる!!
s
2件のコメント
最終更新 2012/01/31
とんでもないものを作った人がいる。上記スクリーンショットにあるiPhone 4、なんとCSSのみで作られている。iPhoneの本体もアイコンも全てCSS。画像ファイルは一切使われていない!
実際の作品は下記リンクからどうぞ。
iPhone 4 in pure CSS3!
画像は一切使われていない!!全てCSSで作成されている…。
このiPhone 4、3,395行のCSSと335行のJavacsriptで作られたそうだ。どれぐらいの時間を掛けて作ったのか知らないが、恐ろしく良く出来ている。本当に画像が使われていないかソースを確認してしまったほどだ。
さらに、スリープボタン、「Slide To Unlock」、ホームボタンも効くようになっている。どこまで作りこまれてるんだ…。
推奨ブラウザはMac OS XのChromeかSafari。Windowsなんて使っている人は、2012年だし、今すぐMacに買い換えましょう!
HTML5+CSS3の可能性は多くのメディアで取り上げられてきたが、これもとんでもない作品だね!!
(via The Next Web)
もっと読む
2014.08.21
2014.01.21
2
件のコメント
s
susi-paku web: 【2012年1月】今月の追加したお気に入りのサイトまとめ(WEB制作/SEO・面白ネタなど)...
お正月からあっという間に2月突入というぶちぬけ2012的な…
関連キーワード
コメント(2件)
注意点
「テック全般」新着記事

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
