Programmer Recreates London Tube Map in Code

[JMcEntegart]

Those are some coding skills there.

Programmer Recreates London Tube Map in Code : Read more

 

[igot1forya]

Looks like a jumbled mess in IE9 - Chrome looks normal though. Ah how IE blows

 

[belardo]

It's actually a very well made map. Not requiring a PDF viewer... Crisp in full view and still readable... And crisp when zoomed in. Our city has a much simpler transit system, but would be handy to have this level of quality

 

[bombebomb]

Lies, I just clicked on it and it's a png.

 

[Soda-88]

Looks like a jumbled mess in IE9 - Chrome looks normal though. Ah how IE blows

http://ie.microsoft.com/testdrive/info/downloads/

You're welcome

 

[ddpruitt]

I don't see how this is such a big deal. A couple of us used to have little competitions in high school doing the same thing in basic (yikes!).

 

[ricardok]

Same messy map on IE10.. Thank god for Chrome.. 😀

 

[smeezekitty]

Renders fine in firefox. IE sucks :/

 

[smeezekitty]

Lies, I just clicked on it and it's a png.

Click the link.

 

[Horhe]

Looks good on Firefox too. I like how fast it loads, maybe we could make programs that will generate these kind of maps from images, because I reckon it's much easier to make an image in Flash, Photoshop or whatever software is used to make these.

 

[bombebomb]

Lies, I just clicked on it and it's a png.

Click the link.

I was being sarcastic 🙁

 

[roamingaround]

It works fine in FireFox too. Just another IE fail. Glad there are quality alternatives

 

[Old_Fogie_Late_Bloomer]

I thought this was going to be riffing off that ridiculous hacking scene from Skyfall...

 

[gm0n3y]

The map was created using HTML5, CSS3 and jQuery and contains images. Galantini says the map uses absolutely no images and all of the symbols have been recreated using HTML entities, styled and arranged by CSS.

So does it contain images or not?
Looking at the actual HTML, it doesn't contain images. I'm a programmer, but would not have the patience to make the train and boat icons using CSS. The result is actually pretty impressive and his code looks much cleaner than most web designers that I've worked with.

 

[Darkk]

Google Chrome and Firefox rendered the web page perfectly while IE10 failed miserably.
That page should be set standard for testing HTML5 compatibility.
By the way Microsoft quit IE business totally and stick to making OS.

 

[scythe944]

Aww... it's so PRETTY in IE 10 🙂