What is the deal with the HTML/CSS Maze?

The HTML/CSS Maze is a Proof of Concept that demonstrates that web pages can be highly interactive even without using client-side programming (such as Javascript or Flash). It's also very cool.

What browsers does the Maze work in?

The Maze, and its unpublished test versions, fully work in:

All tests show that it does not work at all in Internet Explorer 6, or enough in Internet Explorer 7. It has also been successfully tested on the following embedded devices:

It does not work in Safari on Apple's iPod Touch or iPhone.

A basic run-down of when various browsers were released is available at Wikipedia's Timeline of web browsers article. The earliest tested browser to handle the Maze perfectly is Mozilla 1.1 from 2002.

Surely the Maze is done using Javascript!

Nope. Check the source code for yourself; it's all done in HTML 4.01 Strict and CSS level 2, and it's all 100% W3C-compliant.

How does the Maze work?

The Maze is path-based. This means that each square in the maze has up to four (yes, four) "children" that can be moved to. It also means that you can do interesting things like have paths cross over themselves to reveal new paths.

What other cool things does the Maze do?

I finished the maze. What now?

You haven't really finished the maze until you've found:

Can I use the Maze in my page?

As the Maze is a web page, and there is no way to protect its source without breaking it or the concept behind it, you can use whatever part of it you see fit in your own web page. However, I request that if you do use my Maze code that you give me credit for it in your page, either displayed on the page or in a comment in the source.

The CSS for the Maze is written in such a way that it should be relatively easy to adapt to other websites. I've even included a stanza that allows you to make the starting point visible! Aren't I friendly?

You stole someone's code for this maze!

I have discovered another HTML/CSS maze that predates mine, but the concept and construction for this maze is very different. My Maze has been designed with generalisation and reuse in mind. As a result, I've already received comments on how impressively simple the Maze design is. The same cannot be said for the "Amazing CSS puzzle".

Do you have older versions of the Maze?

No.

I have a question about the HTML/CSS Maze. How can I contact you?

Send me an email: shacklein <a t> gmail <d o t> com.