Helpful FireFox plug ins and add ons

  • 1
  • Idea
  • Updated 9 years ago
Reference: http://www.trap17.com/index.php/Firef...


CSS Viewer.
https://addons.mozilla.org/firefox/2104/
you get to see what that css code looks like for that website.


HTML Validation.
https://addons.mozilla.org/firefox/249/
After this is installed you can simply look at your URL bar. if it is yellow then everything is valid.


X-Ray.
https://addons.mozilla.org/firefox/1802/
This facility superimposes your tags over your web-page. You can see where the error may be.


IE Tab.
https://addons.mozilla.org/firefox/1802/
This utility saves you having to flick from one browser to the other for proofing. (resource saver as well)


Offline Validator.
https://addons.mozilla.org/firefox/2520/
With this you can validate any and all changes offline.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes

Posted 9 years ago

  • 1
Photo of Awesome-O'Sean

Awesome-O'Sean

  • 58 Posts
  • 9 Reply Likes
Hey Peter,

Here's another really important plugin that most (if not all) web developers use:

http://getfirebug.com/
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thanks Sean,

It is a great one too. Thanks for the recommendation.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey Sean Are you still online ?
Photo of Awesome-O'Sean

Awesome-O'Sean

  • 58 Posts
  • 9 Reply Likes
Yip, still online for another hour or so
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
This looks great Peter, especially the "IE tab' add on for us site builders.
I'll check them out a little later - thanks.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey Peter your link to "IE tab" is incorrect.
It Should be: https://addons.mozilla.org/firefox/1419/
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thanks Boomer. Not careful enough in the copy and paste :(
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Thanks for comming back Sean and thanks for the great plugin btw.

Could you please have a quick look at the following for me:

I'm trying to help Alex out with a drop-down menu.

In IE it displays diferently on diferent templates.
RedPlanet: http://forsite.synthasite.com/menu-al...
CleanSlate: http://www.ourtest.yolasite.com/for-a...

It displays fine in FF for both.
Is this a possible bug on CleanSlate ??
Photo of Awesome-O'Sean

Awesome-O'Sean

  • 58 Posts
  • 9 Reply Likes
Hey Boomer,

I'm currently nowhere near a windows PC with IE on it, but from the code I can see that there is a missing:

div.horizontalcssmenu{
overflow:auto;
clear:both;
}

from the CSS. Also keep in mind that IE is much less forgiving than the other browsers, so you would need to explicitly set the "height" css attribute for any element that is collapsing in IE.

Let me know if this info helps, if not I'll see if I can get to a windows PC.

Regards,
Sean
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Thanks Sean,

I've since tried it on two other templates and it does the same in IE.

It was just weird for me that it worked correctly on the RedPlanet style in
both browsers. So.....I was just lucky then (or unlucky) that I tried it on that style first. Oh well.

I'll try your suggestion with the CSS then.
Thanks for your time on this.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Peter! It's always fun to play with new toys!! =)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I just tried out that IE tab thing... very cool!!!!