- 2005-05-08 (Sun) 13:52
- おもしろネタ
先日Six Apart社の上ノ郷谷氏と呑みにいった。彼はHinagataというMovableTypeのテンプレートサイトをつくっているのでCSSにとても詳しい。ふたりでCSSはすごい！と盛り上がったのだが（その後上ノ郷谷氏は2杯目で撃沈）、CSS関連で話題になっているサイトがあったのでこちらでご紹介。
これはCSS＋HTML＋JavascriptだけでつくったWindowsXPの画面である。IEではうまく見れなくて、Firefoxで見てもらいたいのだが、CSSでここまでできるのだなぁ、と感動すること請け合いだ。
↑ WindowsXPそっくり・・・すご。実物はこちら。
ちなみにアイコンとかをダブルクリックしても何もならないのだが、(1) アイコンをドラッグできる、(2) スタートメニューが開く、という機能は実装しているようだ。ウェブの表現力もここまで来たか、と思えるので是非試してもらいたい。
ちなみにブラウザ上でOSを表現、というサイトは他にもあって、個人的に昔感動したのがブラウザからMacOSをインストールする次のサイト。最初ちょっと怖い画面が出てくるがあまり気にせずにじっと待っていると昔なつかしのMacOS（Ver.8）の画面が出てくる。こちらはアイコンなどをクリックしても楽しいのでいじり倒してみるといいだろう。
↑ こちらはむしろIEで。DHTMLですね。実物はこちら。クリックすると怖い画面が出てきますので注意。でも大丈夫ですから。
またもうちょっとシンプルなところでは1bit Mac :-)というサイトもありますね。これはFlashを使ったものですが。こちらもご参考までに。
だからなんだと言われればそれまでですが、クリエイティブな人がいるものだな、と。
- Newer: あなただけのデモムービー
- Older: 三色フォルダーのすすめ
Comments:13
- ヤスヒサ 05-05-08 (Sun) 23:53
-
こいつもかなりイッちゃってます。
http://osx.portraitofakite.com/注）Flashじゃないよ。
- 百式管理人 05-05-09 (Mon) 0:42
-
うお、FLASHけどFLASHじゃない・・・すご。
- Illness Illusion 05-05-09 (Mon) 2:18
-
CSS+HTML+Javascript で WinXP を忠実に再現
CSS+HTML+Javascript で WinXP を忠実に再現 (from: everything is gone) （※ IE だと崩れます。出来れば…
- のりぞーＴＶ - 小物・小ネタ・流行物レビュー 05-05-09 (Mon) 8:52
-
ここまでできるぞ！ホームページインタフェース
▼ホームページ制作
ホームページを制作する際、主に下記の技術？を使用しますよね…
- 鯵、環境民俗学ヲ嗜ム 05-05-09 (Mon) 13:50
-
CSSでここまでできる！
思い通りのレイアウトをするには、テーブルを使わないと、と云われることがあります…
- おーぷん ざ せさみ 05-05-10 (Tue) 0:08
-
CSSでここまで実現！（i d e a i d e a）
本当にすごい再現度に驚き。
HPクリエイターとしては、ここまで出来たらすご腕なんだろうなぁ。
CSSには悩まされるばかりだけど、逆に利用すればここまで出来る… - richeceratopsのひとりごと 05-05-10 (Tue) 10:52
-
Mozilla Firefox1.0.3に最高レベルの脆弱性
◆Mozilla Firefox1.0.3に最高レベルの脆弱性 Javascripをonにして、Firefoxで見てもらいたいCSSでここまで実現！のサイトはど…
- a-blog v1.2b5 05-05-11 (Wed) 10:27
-
CSSはすごいや…
すごいです…WindowsXPのデスクトップがHTML + CSS + Javascriptでほぼ忠実に再現されています。思わず「これってキャプチャじゃない？」…
- スズ風呂 05-05-11 (Wed) 22:11
-
物凄いCSS
i d e a * i d e a - CSSでここまで実現！ さんで面白いも…
- 29man the radical dubber 05-05-11 (Wed) 23:42
-
久々に味わう祭り気分（笑）
超まったり＆超マイペースにブログを更新しているので、一時期に比べてアクセス数もこなれた感じになってた今日この頃でしたが、ここ数日間は久しぶりに「ドカーン！」と…
- うむらうす 05-05-14 (Sat) 10:58
-
ここまでできる
とにかく見てくださいよ先生。 Windows XP(Firefox推奨) Ma…
- ミナモトチナ☆ブログ☆ 05-06-08 (Wed) 1:04
-
ＣＳＳ
寝ればいいのにうろうろしてたら、こんなブログを見つけました。
これはすごい！！[:てれちゃう:]
IEだと崩れちゃうのが、かなり、そうとうもったいないけど、… - 100SHIKI 05-09-26 (Mon) 18:34
-
発想を豊かにするもの (TableTopics.com)
発想を豊かにするもの May 08, 2005 「素敵な会話は素敵な質問から始…
Trackbacks:0
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2005/05/css.html/trackback
- Listed below are links to weblogs that reference
- CSSでここまで実現！ from IDEA*IDEA ～ 百式管理人のライフハックブログ ～
