ウェブ開発者のKeith Clarkさんが、ウェブページ製作には欠かせないHTMLとCSSという2つの言語を使い、FPSなどで登場しそうな3D ...

個人的には3Dゲームを構築したいとずっと思っていましたが、複雑な3Dプログラミングを学ぶ時間とエネルギーがありませんでした。 しかし後に、学ぶ必要はないと分かったのです。 ある日あれこれ操作していたら、CSS変形（transform）を使えば3D環境をシミ… ...

複数の画像を切り替えて表示するカルーセルパネルといえば、どんなサイトでも使われる定番の表現方法。ちょっと工夫して、CSSとJavaScriptで魅力的な3Dカルーセルを実装する方法を解説します。 Smashing Magazineの記事など、伝統的な2Dカルーセルの使い方に ...

米Google Inc.は7日（現地時間）、同社製Webブラウザー「Google Chrome」の最新正式版となるv12.0.742.91を公開した。最新版の主な変更点は、CSSの“CSS 3D transforms”規格による3DエフェクトをGPUを使って描画できるようになったこと。 GPUを利用した3Dエフェクトは ...

上記の動画は、フラットかつ、立体感のあるカードオブジェクトはモーショングラフィックスで多用されるモチーフです。この作例では特別な3D機能を使わずに作成します。新たにローンチされるアプリなど、様々な場面でのアレンジを想定しています。

今までカードゲームの製作過程を紹介してきましたが、ついにカードゲーム自体の紹介をしたいと思います！ 「あのCSSセレクタに上書きされたんだけど」はどんなゲーム？ Webページのスタイルを指定する仕組みであるCSSをテーマにしたカードゲームです。

手持ちの写真や画像を本の表紙にして、厚みを設定し、簡単に本の3Dモデルを作成できる「3D Book Image CSS Generator」は無料で使えるオープンソースのネットサービスです。3Dモデルの画像にリンクを挿入してウェブサイトに掲載することも可能ということで ...