Comments on: XRAY: the bookmarklet of your dreams

By: parzufim.com

parzufim.com — Thu, 10 Jul 2008 05:47:34 +0000

viagra cialis levitra clomid buy viagra onli generic viagra http://www.parzufim.com cipro gay viagra buy viagra online cheap viagra
free viagra
herbal viagra
propecia xenical viagra side effects buy viagra zithromax lasix female viagra cream cheapest cialis http://www.parzufim.com

By: [D-J-W] » Blog Archive » XRAY

[D-J-W] » Blog Archive » XRAY — Thu, 13 Sep 2007 09:06:50 +0000

[...] css3.info habe ich gerade ein Tool namens Xray gefunden gefunden. Es schaut auf den ersten Blick sehr [...]

By: Brandon

Brandon — Sat, 11 Aug 2007 04:25:07 +0000

Nice website, I’m going to bookmark it :)

By: Dynamite Man

Dynamite Man — Thu, 09 Aug 2007 07:21:19 +0000

I do not understand why people compare this to Firebug? It’s a totally different tool and very useful! It doesn’t only work in FF, it runs perfectly in Safari/Webkit also and will there even sport rounded corners. Check this screenshot to see for yourself:

http://www.motherocean.no/index.php?option=com_content&task=view&id=11&Itemid=1

I really love this tool and use it all the time!

By: Iron_Storm

Iron_Storm — Sun, 05 Aug 2007 15:20:03 +0000

I find very usefull Opera Web Developer Toolbar, which seems to do the same job even better (only in Opera; well this is only for FF)
Opera users probably know http://operawiki.info/WebDevToolbar :-)

By: Nox

Nox — Sun, 05 Aug 2007 01:45:02 +0000

@john
I agree with what you’re saying. I just meant that if you’re a web designer and you use Firefox, then you probably already have Firebug or a similar extension installed.
Anyway, it’s good to hear that an IE compatible version can be expected soon and I will definitely use it.

About bugs, when I first tested it it would sometimes select the canvas instead of the element I intended to select. Also the margin and padding would sometime not show. Though it seems to be working just fine now, did you fix the script or was the problem on my end?

As for an url, one of the sites was the xray site itself, using Firefox 2.0.0.6.

By: anonymous

anonymous — Sun, 05 Aug 2007 01:22:58 +0000

Just wanted to say that is one slick bookmarklet. FYI it works like a charm in SeaMonkey 1.1 too.

By: john allsopp

john allsopp — Sun, 05 Aug 2007 00:57:31 +0000

Thaks Kaikiana,

got a url I can test with?

Re other properties – that is planned, but most likely with a related bookmark, rather than one mega bookmark – in fact, I have a number of tools planned or in development along the same lines, that will also work together.

Thanks again,

john

By: kalikiana

kalikiana — Sun, 05 Aug 2007 00:48:22 +0000

This tool looks interesting. Yet I tested it only quickly and found a bug within seconds: it doesn’t work at all if you try it on an xhtml site. Well, this is not a critical issue but at least somewhat annoying. ;)

The tool window is nice to quickly check if things go well or not. I think it might be a nice enhancement if it could display other properties as well, for example border values, styles, fonts. But in fact that would raise the question if it shouldn’t be an actual browser function in the first place, if it’s generally very useful?

By: john allsopp

john allsopp — Sun, 05 Aug 2007 00:17:45 +0000

Thanks for the mention guys.

A coupel of things re firebug etc etc

1. It;’s great – XRAY is not meant to repalce it in any way, BUT

2. it is FF only (we do webkit and Moz now, and IE and Opera is a couple of says off – got it going internally, needs a little polish). When you debug the box model, having a tool that gives the same info across pretty much all browsers, seems to me potentially useful

3. It’s a bookmark, so no install, restart, and because the bookmark simply loads the logic externally, so if we update it no downoad, reinstall restart, you get the update next time you use the bookmark.

4. it’s lightweight – it does this one thing, so when your needs are debugging the box model, you click a bookmark wait a second or so, and then cick any element of on the page, and get box model information for it (offset as well as specified) right there in the window. Turning it off is just a click too.

Is the box model that difficult to understand?

Having developed CSS software, done oads of training, written many many tutorials and articles, and answered thouands of questions on newsgroups, forums, mailing lists, and in person, I’d say that as soon as you start doing anything non trivial, yes ;-)

thanks for the comments, and do give it a go!

john