Turning web-pages 3D

Edan Kwan's 3Dit bookmarklet turns any page into a weird kind of 3D display, by turning CSS levels into a Z-axis. Difficult to explain, easy to see -- click through to try it.

Using CSS 3d to make every website into 3d(kind of). It is a bit buggy but you can bookmark the script to your bookmark bar and have some 3D fun on any websites by one single click!
The get offset function is not accurate, it looks weird then the div is too large but it looks alright on most of the sites.

LAB! - 3D it! (via Waxy)

I write books. My latest is a YA science fiction novel called Homeland (it's the sequel to Little Brother). More books: Rapture of the Nerds (a novel, with Charlie Stross); With a Little Help (short stories); and The Great Big Beautiful Tomorrow (novella and nonfic). I speak all over the place and I tweet and tumble, too.

MORE: 3d • makers • web theory

More at Boing Boing

Eurovision 2013: An American in London

The technology that links taxonomy and Star Trek

EvilTerran

Firefox has had something very much like this for a little while now – open the Web Dev Inspector (Ctrl+Shift+I, or right-click on a page, “Inspect Element”), then bop the “3D View” button in the bottom-right.

Although I think original credit for the idea has to go to the people who built the extension that Mozilla decided to include the functionality of.

And making it work as a bookmarklet must take some ingenuity regardless.
- MaximumOvertroll
  
  4chan has it as an optional way to view the site.
- teapot
  
  Hm thats pretty cool… never knew that was in there, though I suspect it’s more for determining if divs are nested correctly than tripping out.
  
  This is all kinds of cool though. What I’ve noticed is that it seems to work best on sites that aren’t very long or wide as the java seems to use some clever sneakytrick with page scrolling to achieve the effect.
  
  This site looks pretty good – it even 3d’s the java lightbox script: http://shiryudoh.jp/rie_new3.html
http://www.facebook.com/KBENBENEK Kurt Benbenek

Manipulating the self-described “buggy” 3-D imagery with a mouse somewhat interferes with the intended 3-D experience – a true 3-D experience on the web (or anywhere else) might be voice-controled and might allow the viewer to see different sides, bottoms and tops of an object – something the Cubist painters (Braque, Picasso, Leger…) attempted and succeeded in doing in the early 20th Century. But it is nice to see something different attempted
mobobo

loverly stuff – one I came across recently is http://2012.beercamp.com/

and one of teh v.talented peeps behind it has a wonderful bit of css3 spritey bitmap goodness going on…

http://attasi.com/labs/picsselz/
fergus1948

Wow! Acid flashback when I tried it on the BoingBoing page!
Bangorian

Not quite ready for prime time I’m afraid.
http://disqus.com/Kimmoth/ Kimmo

Anything of this sort will never be ready for prime time, because it’s a retrotweak.

It’s pretty damn cool.
http://twitter.com/incarnedine_v Dan Hibiki

3d websites? what is this 1998?
IndexMe

But but — the links run away from your mouse pointer when you move toward them! Seriously try to click on the menu items at top of the window. Seriously if Macs have the ultimate in user interface (“infinitely high menu bar”) because you can quickly hit a menu on the edge of the screen, this is like the inverse. It takes longer to acquire a menu (or is it impossible) the more you search for it.
http://www.codinghorror.com/blog/2006/08/fitts-law-and-infinite-width.html