Re:Skyscraper built in the Firefox inspector's 3D View
by grayrest on Thursday October 11, 2012 @12:04PM
(#4641391)
I don't use 3D view but I've used Jesse Rudderman's topo bookmarklet[1], which is conceptually very similar, for years. It's more useful in IE so you can see what tag IE is failing to close but it's useful for getting a quick feel for unfamiliar markup when doing Greasmonkey hacks and the like.
Re:Skyscraper built in the Firefox inspector's 3D View
by theevocater on Thursday October 11, 2012 @01:59PM
(#4641932)
I find it super useful to get a quick insight into a random page. As I'm still learning a lot about HTML, I can go to a website and see a quick visual breakdown of how the elements are composed together.
Re:Skyscraper built in the Firefox inspector's 3D View
by freditup on Thursday October 11, 2012 @12:55PM
(#4641653)
I use it once in awhile, mainly to get a quick conceptual idea of how a website is layed out. Is it super useful? Probably not, but I think it's still a cool and somewhat worthwhile feature.
Re:Skyscraper built in the Firefox inspector's 3D View
by chenster on Thursday October 11, 2012 @05:38PM
(#4642939)
I used a few times to figure out why something would work in every browser but IE due to how IE handles event bubble different in DIV hierarchy. 3D view really helped in that regards.
Re:Skyscraper built in the Firefox inspector's 3D View
by glenntzke on Thursday October 11, 2012 @11:58AM
(#4641361)
I've played with it but haven't found any great use case (except, now, this). Next time I come across an annoying z-index bug I'll probably bust it out. Anyone who has had the displeasure of build modals on modals (always a good UX) could sympathize.
Re:Skyscraper built in the Firefox inspector's 3D View
by hilko on Saturday October 13, 2012 @01:26PM
(#4649079)
A friend of mine doing UX stuff actually uses it regularly to instantly see the structure of pages. He's doesn't usually touch developer tools generally, and stays away from any CSS or HTML learning intentionally. But he uses this.
Re:Skyscraper built in the Firefox inspector's 3D View
by piyush_soni on Friday October 12, 2012 @04:34AM
(#4644223)
Ha ha .. Geeks and their works. :). I have used 3d view a few times in the past for simple web pages, but as a CAD programmer I'm quite impressed with the rendering performance with this building you just created.
Re:Skyscraper built in the Firefox inspector's 3D View
by kibwen on Thursday October 11, 2012 @12:34PM
(#4641554)
Also using XP here. Make sure you're on the right bar (Firefox has way too many disparate developer tools). It's Ctrl+Shift+I to bring up the Inspector. There should be a button labeled "3D View" on the far right, next to "Style". I don't think it requires any sort of hardware acceleration, the computer I'm on right now isn't exactly recent...
upvote
Does anyone actually use the new 3D view in Firefox?
[1] https://www.squarefree.com/bookmarklets/webdevel.html
Chrome developer tools are just ridiculously more awesome.
Type about:config into the browser bar.
Right click and add a new boolean:
webgl.enabled_for_all_sites
Set to true, restart firefox, and load the site again. Press ctrl+shift+I, and you should see the 3D button in the lower right corner.
webgl.disabled webgl.force-enabled
Though it wouldn't surprise me if you started to get BSODs.
In a totally good way, of course.
It's a skyscraper built with the 3D DOM view in Firefox.
but you could just, you know, use 3D transforms, like this:
http://ajf.me/demos/200blocks/
Excellent job.