Filed under: Design, Developer, Internet, Windows, Macintosh, Linux, Freeware, Design Tips
Design Tip: Inspect CSS with style in your browser
by Nik Fletcher Aug 22nd 2007 at 3:00AM
Whilst there's plenty of tools around for helping with CSS styling, if you want a neat little browser bookmarklet that displays all the properties associated with the selected element and "box model for any element on any web page", then XRAY from WestCiv might be just the thing.
XRAY shows you the sizes and other attributes of element you select, fades the rest of the page out and hovers a panel over the page to show the properties. For those of you wanting a quick and easy way to inspect CSS box models, this might be the very thing, and is entirely cross-platform meaning Internet Explorer, Mozilla derivatives and Safari users can take advantage of this freebie.
So, just how good at time waster games are you? Think you've got the stuff? Well, The World's Hardest Game 2.0 doesn't think you do.
Yes, amazingly, it's possible to have a sequel to a game called "The World's Hardest Game". It doesn't seem logically possible, since if the first one was actually the world's hardest, how could another one come along and share the moniker? It made me doubt the name in the first place. That is, until I tried the game.
The mechanics of the game are very simple. You are a small red square, ...
Reader Comments (Page 1 of 1)
Dan said 3:12PM on 8-22-2007
Not a bad freebie. As a designer, though, I can't live without the free firbug (www.getfirebug.com) Firefox plug-in. Does everything xray does and more.
Reply
Derek Gates said 5:01PM on 8-22-2007
Great link. The issue with FireBug is the lack of cross platform support. FireBug works great if using Firefox, but when a bug crops up in a different browser you must rely upon different, and usually inferior, debugging tools.
Reply
Dan said 9:40AM on 8-23-2007
Good point Mr. Gates. Will help me more when trouble shooting your browsers :-)
Reply
Derek Gates said 11:18AM on 8-23-2007
Haha. Touche.
Reply