Comments on: Render 3D Worlds Using CSS and the DOM http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/ Mon, 08 Sep 2008 03:13:07 +0000 http://wordpress.org/?v=2.5 By: AlexW http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-201805 AlexW Tue, 13 Mar 2007 03:44:05 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-201805 <blockquote>hello, that was all cool. I was just wandering though if any of you can help me. I hope this will be right place to ask. I am looking for a quick and easy way to fix a onmauseover effect on the main tab button of my site. It works in FF but not in IE. Thanks in advance!</blockquote> Not really anything to do with this post. Try the css forums -- http://www.sitepoint.com/forums/forumdisplay.php?f=53 (But I will say this: you can't wrap a link around list tags like you've done -- i.e. <a><li>example</li></a>)

hello, that was all cool. I was just wandering though if any of you can help me. I hope this will be right place to ask. I am looking for a quick and easy way to fix a onmauseover effect on the main tab button of my site. It works in FF but not in IE. Thanks in advance!

Not really anything to do with this post. Try the css forums —

http://www.sitepoint.com/forums/forumdisplay.php?f=53

(But I will say this: you can’t wrap a link around list tags like you’ve done — i.e. <a><li>example</li></a>)

]]> By: Alex http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-201726 Alex Tue, 13 Mar 2007 01:06:36 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-201726 hello, that was all cool. I was just wandering though if any of you can help me. I hope this will be right place to ask. I am looking for a quick and easy way to fix a onmauseover effect on the main tab button of my site. It works in FF but not in IE. Thanks in advance! http<strong>:</strong>//manyinfos.com/ hello, that was all cool. I was just wandering though if any of you can help me. I hope this will be right place to ask. I am looking for a quick and easy way to fix a onmauseover effect on the main tab button of my site. It works in FF but not in IE. Thanks in advance!

http://manyinfos.com/

]]> By: deathshadow http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-45442 deathshadow Mon, 14 Aug 2006 01:08:35 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-45442 Be cuter if it worked in realtime and 'turned' corners - like the one I've been playing with for a few months now... http://battletech.hopto.org/mechproject/game.html Which I've been playing with the idea of replacing the building 'image' with SVG. Be cuter if it worked in realtime and ‘turned’ corners - like the one I’ve been playing with for a few months now…

http://battletech.hopto.org/mechproject/game.html

Which I’ve been playing with the idea of replacing the building ‘image’ with SVG.

]]> By: Daniel's Weblog http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-44997 Daniel's Weblog Fri, 11 Aug 2006 16:38:59 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-44997 <strong>3D Welten mit CSS und DOM</strong> Im Sitepoint-Blog ist ein lustiger Artikel, wie man mittels CSS und DOM 3D-Welten rendert Das muss ich mir demnächst mal genauer ansehen. ... 3D Welten mit CSS und DOM

Im Sitepoint-Blog ist ein lustiger Artikel, wie man mittels CSS und DOM 3D-Welten rendert
Das muss ich mir demnächst mal genauer ansehen.
…

]]> By: AlexW http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-44869 AlexW Fri, 11 Aug 2006 00:24:10 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-44869 Hey Simon. Very cool. I'd been considering doing the same sort of thing with bar graphs, but line graphs in a whole new level. Nice. Hey Simon. Very cool. I’d been considering doing the same sort of thing with bar graphs, but line graphs in a whole new level. Nice.

]]> By: Scimon http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-44448 Scimon Thu, 10 Aug 2006 09:34:50 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-44448 It was a while ago when I wrote it but the idea is it takes any list where each item has been split into a name value pair using spans and draws the graph. All the code is on the page so you can download it, change the numbers and it draws the new graph. I have the horrible tendancy to play about with an idea for a while and then get bored, never document it and go off and do something else. (Simon "I've just joined the forums" Proctor) It was a while ago when I wrote it but the idea is it takes any list where each item has been split into a name value pair using spans and draws the graph. All the code is on the page so you can download it, change the numbers and it draws the new graph.

I have the horrible tendancy to play about with an idea for a while and then get bored, never document it and go off and do something else.

(Simon “I’ve just joined the forums” Proctor)

]]> By: AlexW http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-44354 AlexW Thu, 10 Aug 2006 01:00:05 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-44354 @Adam, I haven't tested it in IE, but it relies on the browser being able to render transparent borders, which IE can't. This is, as I said, an experiment, and the nature of experimentation is you often can't possibly see the final <em>commercial application</em> of what you're playing with until you've done it. 3M were trying to invent superglue when they came up with a glue so <em>crappy </em>it wasn't able to bond two pieces of paper together -- hello post-it notes! Flash would be obviously still be the way to build this kind of app in 2006, but who knows how this might feed into future layout techniques or dynamic SVG or who-knows what else. @Simon Proctor - Nice work on the graphs! I'm interested to know. Did it take a lot of tweaking to get the lines to line up, or would it be relatively trivial to change the graph data and alter the graph? @Adam, I haven’t tested it in IE, but it relies on the browser being able to render transparent borders, which IE can’t.

This is, as I said, an experiment, and the nature of experimentation is you often can’t possibly see the final commercial application of what you’re playing with until you’ve done it. 3M were trying to invent superglue when they came up with a glue so crappy it wasn’t able to bond two pieces of paper together — hello post-it notes!

Flash would be obviously still be the way to build this kind of app in 2006, but who knows how this might feed into future layout techniques or dynamic SVG or who-knows what else.

@Simon Proctor - Nice work on the graphs! I’m interested to know. Did it take a lot of tweaking to get the lines to line up, or would it be relatively trivial to change the graph data and alter the graph?

]]> By: mcreal http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-44348 mcreal Thu, 10 Aug 2006 00:18:34 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-44348 @Anonymous. Got nothing wrong with flash. I just enjoy seeing things do what they weren't intended to do. ;) @Anonymous. Got nothing wrong with flash. I just enjoy seeing things do what they weren’t intended to do. ;)

]]> By: Adam A Flynn http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-44237 Adam A Flynn Wed, 09 Aug 2006 20:31:32 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-44237 Do I dare test it in IE? ;) Do I dare test it in IE? ;)

]]> By: coffee_ninja http://www.sitepoint.com/blogs/2006/08/09/render-3d-worlds-using-css-and-the-dom/#comment-44127 coffee_ninja Wed, 09 Aug 2006 18:49:35 +0000 http://www.sitepoint.com/blogs/?p=1673#comment-44127 While this is an incredibly interesting use of JavaScript and CSS, it certainly falls into the realm of "just because you can, doesn't mean you should." :) While this is an incredibly interesting use of JavaScript and CSS, it certainly falls into the realm of “just because you can, doesn’t mean you should.” :)

]]>