iPhone/iPad」がおもしろかったのでご紹介。jackadamblogDEMO画面では分子モデルが3Dで表示され、ドラッグで360°Cぐるぐる回せます。(iPhone/iPad向けとなっていますがDEMOページはSafari、Chromeでも確認できます。simulationDEMO画面の分子モデルは以下のような感じ。B7Buckyballドラッグ操作部分でjQueryも使用していますが、3Dの基本構造はCSS3で構成されているところがすごい。例として構造部分の考え方をシンプルなサンプルで解説してあるのでこれを参考にすればCSS3での3D表現を簡単に実装できそうな気がします。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。