Create a 3D CSS Printer that Actually Prints!
Learn how to make impressive 3D objects in CSS, and even how to make them do amazing things like print a real image from a URL you supply!
Tag: 3D
Creating Directionally Lit 3D Buttons with CSS
Ever thought of adding lighting effects to your UI buttons? You can! Learn how to create directionally lit 3D buttons with CSS and just a little bit of JS.
Learn to Design and Animate in 3D with Zdog
We introduce you to Zdog, a library that helps you design and animate in 3D, and show you demos that you can reverse-engineer and learn from.
3D Transformation Functions in CSS
Craig Buckler shows how to add another dimension to your web pages and applications with the new 3D transformation functions and properties in CSS, covering transform, translate, rotations, scaling, perspective and more, along with z-index, browser gotchas, and ideal use cases.
How to Build an Interactive History Map with WRLD
Learn to make a history education map using 3D mapping tool, WRLD.
Build George Costanza’s Bathroom Finder using WRLD
This fun tutorial takes the George Costanza's brilliant idea and makes it a reality. We build a bathroom finder app using WRLD's 3D mapping platform.
Build a Dynamic 3D Map with WRLD 3D
Set in the World of 24 with Jack Bauer, this tutorial takes you on an epic, but easy to follow journey, to build a dynamic 3D map using WRLD.
Building a 3D Rotating Carousel with CSS and JavaScript
Giulio Mainardi shows you how to build a 3D rotating carousel using CSS 3D transforms, with some nifty math tricks and some JavaScript to enhance.
Building Gorgeous 3D Maps with eegeo.js and Leaflet
Display 3D maps in just a few lines of code and overlay data from a 3rd-party API. Tim Jenks creates a dynamic map of the London Underground with eegeo.js
Building a JavaScript 3D Minecraft Editor
Chris Pitt shows how to make a basic 3D Minecraft editor with mostly vanilla JS and some clever CSS, that will later be used to edit a real Minecraft world.
10 Examples of 3D Printing Transforming Our Reality
An exploration of some fascinating highlights in the use of 3D printing over the past decade.
Building a 3D Engine with JavaScript
Learn how to create simple 3D graphics for the web without WebGL. Jérémy Heleine teaches you how to build your own 3D engine from scratch with JavaScript.
Introducing Four: It’s WebGL, but Easier
Jason Petersen introduces you to Four, a WebGL framework to build 3D content for the web. It's WebGL but easier, according to him.
Augmented Reality in the Browser with Awe.js
Patrick Catanzariti creates an augmented reality LIFX lightbulb controller using awe.js and IFTTT.
Reimagining Flight Simulator: Then and Now
Robby Ingebretsen explains how to create realistic-looking terrain using WebGL, in an attempt to revive the original Flight Simulator.
Building the Earth with WebGL and JavaScript
Byron Houwens shows off some of the features of the WebGL spec by building a rotatable model Earth with three.js and some custom scripting.
Create a Stylish, Heart-Shaped 3D Gift Box in Illustrator
Read Create a Stylish, Heart-Shaped 3D Gift Box in Illustrator and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.
10 Incredible Characters and 3D Animation Scenes
The following roundup includes both characters and landscapes from a variety of 3D animated media.
How to Create 3D Text With CSS3
Read How to Create 3D Text With CSS3 and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.