Folded Google Maps with 3D CSS transforms (webkit only)

http://experiments.bonnevoy.com/foldedmap/demo/

by rolandboon • 15 years ago

26 9 15 years ago

experiments.bonnevoy.com

metel• 15 years ago

Very broken on my Win7 EeePC with up-to-date Chrome.

balac• 15 years ago

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.

rolandboon2• 15 years ago

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!

morsch• 15 years ago

Works for me in Ubuntu 11.10/Chrome 17.

rolandboon2• 15 years ago

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 ;)

untog• 15 years ago

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.

abailin• 15 years ago

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

freehunter• 15 years ago

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.

AdamTReineke• 15 years ago

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.

Folded Google Maps with 3D CSS transforms (webkit only)

Related Stories