Folded Google Maps with 3D CSS transforms (webkit only)(experiments.bonnevoy.com)
experiments.bonnevoy.com
Folded Google Maps with 3D CSS transforms (webkit only)
http://experiments.bonnevoy.com/foldedmap/demo/
9 comments
I really dig the cool things being done online these days, but it's really bringing me back to "Site works best in IE4.0" or "Please download Netscape to see this page!". I wish I didn't need 3 browsers to view the Internet anymore.
Lots of these new technologies are still in the tech demo phase, exploring the possibilities. Many of these demos, including this one, serve no practical purpose beyond saying "Hey, check out this cool new feature". When these technologies are actually used in applications, they will be used as progressive enhancements: if your browser supports them, you'll see some neat visual flair; if not, the app will still work and you'll never know you are missing something.
Works for me on OS X 10.7.2 and chrome. I can move around/zoom. Not very practical but a cool effect nonetheless.
edit: can even move it around when the map is opening
edit: can even move it around when the map is opening
It sort of works for me. Grey spaces where map tiles haven't loaded though, and I'm not sure why. Also you can't move around etc., so there isn't much to look at.
Still, nice concept.
Still, nice concept.
Very broken on my Win7 EeePC with up-to-date Chrome.
The CSS transforms are hardware accelerated by Chrome, but I can imagine this animation is still a bit too much for an EeePC GPU. Maybe with a static map it runs more smoothly, since GMaps is also a bit heavy. However, running smoothly was not the intention of this experiment ;)
Same on a desktop ubuntu 11.04 in chrome.
Also you should really change your root experiments.bonnevoy.com domain to something more interesting than the default centos apache page.
Also you should really change your root experiments.bonnevoy.com domain to something more interesting than the default centos apache page.
There you go, I made a root with some links to other experiments (guess that's what you were aiming for). Disclaimer: code will be messy!
Works for me in Ubuntu 11.10/Chrome 17.