WordPress.org

Ready to get started?Download WordPress

Forums

Lesson Tip: Use the Firefox Developer Plugins (5 posts)

  1. Jinsan
    Member
    Posted 9 years ago #

    These will be some of the most invaluable extension you will use in Firefox when developing your website. What the tools offer are a live preview of all the changes that you make to your style sheets. It also allows you to view the attributes you assign to the style sheet, where they are used in the page and are seperated by distinctive colours to help ease understand (id's are green, class's are red).

    With the tools installed, it will save you having to use and install 10 different other tools, such as Topstyle (yuck!). It offers a plethora of other otipn including drop down links to validation pages, a one click view source button, the ability to outline any element within a page be it tables, block level element, links with attributes etc. But there's more!

    You can also view the block size of the elements within your page, allowing you to better judge the margins, length, width and height of your page and adjusting it precisely - no more guessing how much more you need to add or subtract. View speed reports witha quick links, display image paths, dimensions find broken images within a page.

    These tools are just a Godsend for designing and if you use FF I certainly recommend you use it.

    The main page can be found here:

    https://update.mozilla.org/extensions/showlist.php?application=firefox&version=1.0&os=Linux&category=Developer%20Tools&numpg=10&pageid=2

    The developer plugin can be found here:

    https://update.mozilla.org/extensions/moreinfo.php?application=firefox&version=1.0&os=Windows&category=Developer%20Tools&numpg=10&id=60

    The CSS editor can be found here:

    https://update.mozilla.org/extensions/moreinfo.php?application=firefox&version=1.0&os=Linux&category=Developer%20Tools&numpg=10&id=179

    Have fun!

  2. The Web Developer Extension is no longer being updated at update.mozilla.org. According to the developer, he has no idea why. The current version of the Web Developer Extension is v0.9.3 and includes its own update check function. You can find it at the developer's site:
    http://www.chrispederick.com/work/firefox/webdeveloper/

  3. Jinsan
    Member
    Posted 9 years ago #

    thanks for the tip maxmanx, I'm still on 0.8 and I did wonder why the update hadn't appeared!

  4. ::shameless plug::

    If anyone here is curious about the usefulness of the Web Developer Extension, this article should shed some light:
    http://www.macmerc.com/articles/Power_User_Monday_Tip_of_the_Week/263

  5. Lorelle
    Member
    Posted 9 years ago #

    Okay, so how about some specifics on how this helps you?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags