複数の画像を切り替えて表示するカルーセルパネルといえば、どんなサイトでも使われる定番の表現方法。ちょっと工夫して、CSSとJavaScriptで魅力的な3Dカルーセルを実装する方法を解説します。 Smashing Magazineの記事など、伝統的な2Dカルーセルの使い方についての記事はたくさんあります。「カルーセルを使うべきか」という問いに対して単純にイエスかノーでは答えられないでしょう。答えは…

Copyright © 2017, Giulio Mainardi All Rights Reserved.

 Giulio Mainardi

Giulio Mainardi

フロントエンド開発について勉強中です。

Loading...

まるでゲームのような豪華で楽しい3Dマップをブラウザー上に手軽に表示できるWebサービスAPIの登場です。現時点では日本地図は対応していませんが、とてもわくわくするサービスですね。 eegeo.jsは、人気の地図ライブラリーLeafletをベースにしたオープンソースの3DマップAPIです。 シンプルな2Dマップを埋め込んだり、作成したりできる地図ライブラリーはたくさんあります。特に有名なのはGoo…

Copyright © 2017, Tim Jenks All Rights Reserved.

Tim Jenks

Tim Jenks

ゲーム開発を中心として10年以上のソフトウェアエンジニアリング、運用経験があります。特に興味のある分野は、オブジェクト志向設計、フルスタックと運用の意識向上、テストとテスト自動化、GIS、「ビッグデータ」、技術的リーダーシップです。

Loading...

3Dのゲームを作るなら、3Dの知識が必要。でもCSSを応用してJavaScriptと組み合わせれば、マインクラフト風の3D表現ができるかも……? 個人的には3Dゲームを構築したいとずっと思っていましたが、複雑な3Dプログラミングを学ぶ時間とエネルギーがありませんでした。しかし後に、学ぶ必要はないと分かったのです。 ある日あれこれ操作していたら、CSS変形(transform)を使えば3D環境をシミ…

Copyright © 2016, Christopher Pitt All Rights Reserved.

Christopher Pitt

Christopher Pitt

ライター兼プログラマーでSilverStripeに勤務しています。普段はアプリケーションアーキテクチャーに取り組んでいますが、ときどきコンパイラーやロボットを作ることもあります。

Loading...

本記事はTim SeverienとSimon Codringtonが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 「VR元年」とも言われる2016年、JavaScriptエンジニアは3Dプログラミングを学んだほうがいいかもしれません。 Webページで画像やフラットな図形を表示するのはとても簡単です。しかし、3D表現となる…

Copyright © 2016, Jérémy Heleine All Rights Reserved.

Jérémy Heleine

Jérémy Heleine

多分野に興味を示し、複数のブログで先端技術分野のニュースを毎日UPし、暇さえあればWeb開発に打ち込んでいます。情熱的で、新しい知識を学び、シェアするのが大好きな数学専攻の学生です。

Loading...