3D web design

It's no mistake that we store our work in 'folders' and navbars are designed with 'buttons'. Metaphors from the real world make computers easier to use. So when it comes to navigating websites, what could be more intuitive than a 3D environment that you appear to walk through?

Click on the reduced screengrabs below, or the text titles, to see the examples of various 3D webdesign technologies.

Make a 3D anaglyph website

I've created an anaglyph website using pure CSS. You can read my detailed tutorial on how to use text-shadow and rgba colours to create anaglyph text.

3DML

Explore this simple 3DML World using the free Flatland Rover plug-in.

3D panorama

Learn how to make 3D panorama wraparound photos and embed them in a free Java applet

VRML sitemap

This walkthrough VRML Sitemap was made using a freeware program called Citemap. You'll need a VRML plug-in.

Credits

Visit www.sean.co.uk for free chapters from Sean's coding books (including Mission Python, Scratch Programming in Easy Steps and Coder Academy) and more!

Discover my latest books and music

Artificial

What happens beyond AI when the machines become emotional? Discover my new album of electronic music here.

Mission Python

Code a space adventure game in this Python programming book published by No Starch Press.

Coder Academy

Learn to make games and other programs in Scratch, and make a web page in HTML. Highly interactive book for 7-10 year olds.

Cool Scratch Projects in Easy Steps

Discover how to make 3D games, create mazes, build a drum machine, make a game with cartoon animals and more!