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

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.

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

#5

Post by rolandboon » Mon, Dec 19, 2011, 4:49 PM UTC

metel wrote: post #2

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

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

#6

Post by rolandboon » Mon, Dec 19, 2011, 4:50 PM UTC

balac wrote: post #3

metel wrote: post #2

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

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.

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!

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

#7

Post by abailin » Mon, Dec 19, 2011, 6:13 PM UTC

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

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

#8

Post by freehunter » Mon, Dec 19, 2011, 6:41 PM UTC

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.

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

#9

Post by morsch » Mon, Dec 19, 2011, 6:46 PM UTC

balac wrote: post #3

metel wrote: post #2

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

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.

Works for me in Ubuntu 11.10/Chrome 17.

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

#10

Post by AdamTReineke » Mon, Dec 19, 2011, 7:01 PM UTC

freehunter wrote: post #8

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.