How to copy (or reflect instantly) CSS edited on Inspected elements on the browser to the actual css file?


Tags: html,css

Problem :

For example I want to change the appearance of a certain section on a web page that I'm developing, I often do this:

Inspect elements using firebug, edit the css, remember it and change it right back to my text editor which is sublime text 2. But sometimes, I change a lot and tend to forget about those changes. I tried to copy and paste the css from the browser itself after I change it, but it often copy a different version of the css.

So my question is, is there any other way that can possibly reflect the changes back to my editor as I change them on firebug? Are there any firebug addons or maybe sublime text addon which I can use to do this?

What is the most productive ways in doing this?



Solution :

Solved: Use firebug addon cssupdater to save css edits in firebug.

There is a firefox addon for saving css changes in firebug (cssupdater). You edit your css in firebug then click Sync Now button to sync the changes to your local css file.

You will need to install addon and a desktop app, read details on their page.

Links:

http://www.cssupdater.com/

https://addons.mozilla.org/en-US/firefox/addon/cssupdater/


    CSS Howto..

    how to apply ellipse effect in which contain space in string?

    How to leave some top gap for H2 title tag with css

    css - can't get dropdown nav to show above content below it

    How to reduce space between two words vertically in css/html

    how to make shape with diagonal div?

    how to scale image according to image - css

    What is the best tutorial or tutorials on how to make a tooltip using CSS or JQuery or Both? [closed]

    How do you add pseudo classes to elements using jQuery?

    How to add pixels to a current position of an element?

    How to make a radio button look like a toggle button

    How do you group similar n-th child selectors? [duplicate]

    How to change the color of first row of first table using css

    Google App Engine: how to use the internal CSS in the template?

    Trying to align text with background image. If below a certain resolution the text to the left moves in. How can I fix this?

    How to create a DIV with vertical scrollable contents and fixed footer which is always visible?

    How to make a Check Button? (hidden checkbox with label as a button: CSS only)

    How i can match multiple CSS selectors

    How to display a div on hover of button using css

    How do I have a div go around another div?

    How can i style textnodes that are direct children of a body-element?

    Css overflow-y: how to show only when needed

    How to call and hide lists using two buttons - using Javascript HTML CSS?

    How to hook up CSS search bar to JavaScript or another server side language

    How can I add spaces between two lines using CSS?

    How to align buttons below and right-aligned to a HTML list?

    How to end line with a using css

    How to manage multiple css files in rails 4?

    How to change visibility of a div css to visible with jQuery

    How To Get Circle Image Between
    Tag Like Tumblr In HTML? [closed]

    How to disable css Animation keyframes in opera?