Cristian Ciofu » Web Developer Tools http://cristi.discuta-liber.com/blog Blogging & Loving Tue, 13 Apr 2010 18:32:38 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 box model analyze made simple http://cristi.discuta-liber.com/blog/firefox-tools/box-model-analyze-made-simple.html http://cristi.discuta-liber.com/blog/firefox-tools/box-model-analyze-made-simple.html#comments Thu, 02 Aug 2007 12:59:34 +0000 Cristian Ciofu aardvarkbookmarkletbox model analyzebox model helpbox modelcsselement informationfirefoxfirefox extension developerhtml elementshtml elementinfectedFXmozillasafariscreenshotsimple stepsweb developer toolbarweb developer toolswebsite thanksweb developerweb development areaxray http://cristi.discuta-liber.com/blog/technology/firefox-tools/box-model-analyze-made-simple.html if you work in web development area, it’s impossible that you didn’t need to know some informations about an HTML element on a webpage [about the style used and so on].

most of us use the web developer toolbar for firefox or [maybe] Aardvark.

I use them both =))

anyway. today I saw a website [thanks InfectedFX] that helps you with box model analyze without installing anything.

XRAY is a bookmarklet for Safari, Firefox, Camino or Mozilla.

In 2 simple steps you’ll have your box model analyzer ;)

[1] drag it to your bookmarks bar

[2] open any website you want, click the button from your bookmarks bar and start your analyze ;))

here it is a screenshot [click on it to see it on original size] ;)

when you finished your work, just close that XRAY mini-window ;)

Hmmm... nu am gasit mesaje asemanataore. Se poate sa fie, dar nu imi dau seama acum care.

]]> http://cristi.discuta-liber.com/blog/firefox-tools/box-model-analyze-made-simple.html/feed 0