Live data from Hacker News

Firefox 3D view

developer.mozilla.org

31–40 of 42 posts

Re: Firefox 3D view

#33

2010: "Check out this site. Design is awesome." "Yeah but did you view source? Terrible semantics and inline css." 2012: "Check out this site. Design is awesome." "Yeah but did use 3D View? The element stacking is terrible. Doesn't have those nice symmetrical pyramids you like to see."

I am a bit baffled by the switch from your 2010 scenario myself. Many people were obsessed with semantic markup, but now things like bootstrap.css come along that clearly violate that idea and I don't hear a peep about it.

Some people reconcile it by saying bootstrap is (as the name implies) just for getting things up and running and once your site is stable you should switch to better markup. But I don't think anyone actually does that.

Re: Firefox 3D view

#36
post #29

finally, you can see what's behind each website! http://i.imgur.com/PiNtn.png

I actually toyed around with this when it was first announced, sometimes the results are quite unique.

Check out this screenshot from cityofchicago.org, the 3D DOM looks strikingly similar to the Willis (Sears) Tower...

http://i.imgur.com/udact.png

[edit] Looking back, it's just the "G+" feature on any page...

Re: Firefox 3D view

#38
post #22

Here's the blog post in which I introduced the feature... http://blog.mozilla.org/blog/2012/03/13/firefox-adds-new-dev... The 3D view is not "every day" useful, but people have found it to be a quick way to spot unexpected nesting issues. As noted elsewhere, this feature started life as an add-on made during Google Summer of Code 2011 by Victor Porof, who continues to work on Firefox developer tools today. (in case y…

It was the most awesome thing in my talk at HOPE Number 9 about using browser tools to figure out what sites are doing. I compared it with the scene in Jurassic Park where the girl "knows Unix".

Re: Firefox 3D view

#39

can someone tell me how to get this to actually work? I'm on firefox 15 and I don't see this feature?

You have to open the inspector first (Ctrl+Shift+I or Firefox->Web Developer->Inspector), and then click the "3D" button on the bottom left (or bottom right if you're on some beta/nightlies).

Re: Firefox 3D view

#40
post #12

Are you still able to interact with the document whilst in 3d mode? e.g. test jQuery animations, etc (unfortunately can't try it myself)

You cannot, unfortunately. I tried simply animating some elements with .animate, and it did not work.
Post reply on HN