PurpleSquirrels

Melbourne train map in CSS

—

by

Ben Foster
in , ,

About three weeks ago I was showing my team at work the london CSS tube map and I jokingly put forward the challenge for the first person to make the Melbourne map in CSS gets a dollar. But after looking at the map properly I realised that it actually wouldn’t be that hard – far easier than the London tube map.

And so three weeks later here it is – the map is built entirely from HTML and CSS. No images were used. It should display correctly in all the latest browsers: Firefox, Chrome and IE 10+.

Click here to view the map in a new window.

Comments

2 responses to “Melbourne train map in CSS”

  1. belgium2 Avatar
    belgium2

    Now to just get the train ‘map’ overlaid on a real Google map. Because when I (the user) am at a location wondering if there is a train station nearby or near where one wants to go, it’s not useful to have a pretty picture with generalised locations. One needs to know actual details – layered on a real map. I’ve never been to a nice city with such an unhelpful awful UX in city metro website.

    1. belgium2 Avatar
      belgium2

      This includes trams too! This one of SF, for all it’s faults, is still on the right track: http://hotelsnearbart.com/wp-content/uploads/2013/12/muni_overlay_large.jpg

Leave a Reply