WordPress.org

Ready to get started?Download WordPress

Forums

Working on CSS with FireFox (8 posts)

  1. orangeguru
    Member
    Posted 9 years ago #

    Editing CSS parameters can take the fun out of blogging, especially when you have to edit your settings, reload the page in your browser, edit the CSS, save it again and reload your page AGAIN.

    Here as simple and handy tool for FireFox users:

    EditCSS 0.2.3, by Pascal Guimier

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

    It allows you to edit your CSS LIVE and you see the changes right now. Once you are finished editing, copy your new CSS and save with your regular editor to your CSS on the server.

    IMPORTANT: Just because you edited the CSS in your browser does not mean it's saved on your server! Never forget that.

  2. orangeguru
    Member
    Posted 9 years ago #

    Grrr! Can't even make links in that forum.

  3. orangeguru
    Member
    Posted 9 years ago #

    And a preview button would also be nice sometimes.

    ;-)

  4. orangeguru
    Member
    Posted 9 years ago #

    If you need more complex developer tools then try the following plugin for FireFox:

    Web Developer 0.8, by Chris Pederick

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

  5. NuclearMoose
    Member
    Posted 9 years ago #

    Chris Pederick's extension is the one to get, bar none. Too many features to list, and it can serve as a great learning tool.

    http://www.chrispederick.com/work/firefox/webdeveloper/
    is a direct link to the web dev page on his site. You gotta check it out!

    Good suggestions, orangeguru!

  6. orangeguru
    Member
    Posted 9 years ago #

    I just recently joined the WP ranks - but as far as I can see/read here in the forum people have big problems taming CSS code - especially positioning.

    As much as I love some CSS stuff like inheritance etc. I often wonder if there should be some layouts for WP beginners which declare the basic layout structure (a header, content and sidebar) via a simple table instead of CSS? The normal styles like h1, p, etc. could be done in CSS as usual.

    Tables are really easy to understand for beginners, quick to edit and change. You also 'see' them better in visual editors like DreamWeaver and GoLive.

  7. NuclearMoose
    Member
    Posted 9 years ago #

    Except that to be "semantically correct", tables should be used for tabular presentation of content, and not structure.

    CSS certainly does have a learning curve, but in the long run, it offers far greater flexibility and more options. Check out Dave Shea's CSS Zen Garden and you'll see what I mean.

  8. Mark (podz)
    Support Maven
    Posted 9 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.