WebAppers

/ best free open source web resources /

Graphic Resources

XRAY Webpage Elements Bookmarklet for Web Developers

Posted · Category: License Free, Tools

XRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page. Just click the XRAY button to instantly answer those vital questions: where is the top and left of this element? how big is each margin? how big is the padding? how wide and high is the content box? XRAY works just like any other bookmarklet. To install it, normally you would just drag the box marked XRAY below to the bookmarks bar in your web browser. In some browsers bookmarklets work differently: just do whatever you would normally do to create a bookmark for whatever is linked to the XRAY box below.

xray.png

Requirements: Any Browsers Except Internet Explorer and Opera
Demo: http://westciv.com/xray/xray_more.html#step2
License: Open Source License

5 Comments
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons