|
Posted by Gιrard Talbot on 08/29/05 06:22
WD10 wrote :
> "GΓ©rard Talbot" <newsblahgroup@gtalbot.org> wrote in message
> news:3nf54kF15bs4U1@uni-berlin.de...
>
>>WD10 wrote :
>>
>>>I'm adding more content to my Firefox & Web Design Tips pages.
>>>
>>>I listed 4 more Firefox extensions useful for web design besides the Web
>>>Developer Toolbar. I think they are useful to anyone who is learning
>>>HTML. I'm going to add more pages about using Firefox for web design when
>>>I have more time...
>>>
>>>http://tips.webdesign10.com/web-design-extensions.htm
>>>
>>>Let me know what you think or if you know of some other good ways to use
>>>Firefox for web design. Are there any features I missed with those
>>>extensions?
>>
>>HTML Tidy Firefox Extension is very useful, I'd say; I've been using it
>>since version 0.5.
>>MeasureIt and Colorzilla are not useful: they duplicate what DOM inspector
>>already does. So I'd say using DOM inspector is much much more useful than
>>this sort of extensions.
>
>
> The DOM Inspector is great, but don't you think it is a little more work to
> open it up and click through it than to just use the icons on the status
> bar? Also, is there really a way to use the DOM Inspector to do exactly
> what MeasureIt or Colorzilla do? (for example, hover over a graphic to get
> the color value, or measuring an area in pixels by using a marquee tool on
> the screen?) I don't know how to do that with the DOMi (but would like to
> learn).
For an element's measurement:
Choose DOM Nodes in the left panel and then Object Computed Style in the
rigth panel and then look for width, height; this is more useful, more
reliable than Object Box model/dimensions since you get to know which
-moz-box-sizing is in use.
Also, Object Javascript object will report other useful values:
/ Top
/ client / Left
elementReference. / offset / Width
\ scroll \ Height
For colorzilla:
Choose DOM Nodes in the left panel, then Object Computed Style in the
right panel and then color and background-color. If colorzilla is able
to discriminate colors inside an image (and I doubt it can do that),
then this specific feature is not in DOM inspector.
Are you refering to the mouseover DOM inspector bookmarklet from
> SlayerOffice?
>
No, I was not.
>
>>View Rendered Source is interesting for intermediary and advanced users:
>>they show a graphical representation of the DOM containment hierarchy.
>>
>>View Formatted Source is not very useful.
>
>
> I think you're probably right... :S
> Maybe I will replace that with some links to info about the DOM Inspector.
>
>
>>Do you know if/when links toolbar extension will be available for Firefox
>>1.5 (Deer Park)?
>
>
> I've never used it -- I'm not sure.
>
See in the status bar of this image:
http://developer.mozilla.org/en/docs/images/2/24/FirefoxChromeToolbarsDescription7a.gif
GΓ©rard
--
remove blah to email me
[Back to original message]
|