Home > Articles > Webmaster resources > 3D

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.

Screenshot of 3D anaglyph website.

3DML

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

Screengrab of Sean's 3DML World

3D panorama

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

Screengrab of 3D panorama

VRML sitemap

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

Screengrab of the VRML sitemap

Credits

© Sean McManus. All rights reserved.

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

Coding Compendium

Coding Compendium

A free 100-page ebook collecting my projects and tutorials for Raspberry Pi, micro:bit, Scratch and Python. Simply join my newsletter to download it.

Web Design in Easy Steps

Web Design IES

Web Design in Easy Steps, now in its 7th Edition, shows you how to make effective websites that work on any device.

100 Top Tips: Microsoft Excel

100 Top Tips: Microsoft Excel

Power up your Microsoft Excel skills with this powerful pocket-sized book of tips that will save you time and help you learn more from your spreadsheets.

Scratch Programming in Easy Steps

Scratch Programming IES

This book, now fully updated for Scratch 3, will take you from the basics of the Scratch language into the depths of its more advanced features. A great way to start programming.

Mission Python book

Mission Python

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

Cool Scratch Projects in Easy Steps book

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!

Walking astronaut from Mission Python book Top | Search | Help | Privacy | Access Keys | Contact me
Home | Newsletter | Blog | Copywriting Services | Books | Free book chapters | Articles | Music | Photos | Games | Shop | About