Direct CSS editor on Browser

[nspinheiro]

Hi

 

Is there any application, for windows and even if paid, where i can make changes like when we "inspect element" in Chrome but let us "SAVE" directly the changes on the file?

 

I heard that it exists for MAC

 

This would be very helpfull for quick colour changes

[vekia]

try this chrome extension

https://chrome.google.com/webstore/detail/devtools-autosave/mlejngncgiocofkcbnnpaieapabmanfl

[nspinheiro]

Interesting, thanks, but has far as i could see in the instruccions the file for the server is for MAC and WIN.

 

I am running my PS in CentOS

[parsifal]

Hi

 

Is there any application, for windows and even if paid, where i can make changes like when we "inspect element" in Chrome but let us "SAVE" directly the changes on the file?

 

I heard that it exists for MAC

 

This would be very helpfull for quick colour changes

Technically, this would be almost impossible. Just think of these 2 cases where this couldn't work (there are many others):

 

1. CSS combine techniques (like the one PrestaShop uses when you enable CCC): the browser wouldn't know on what CSS file exactly should the changes be applied

 

2. Inline CSS: this is defined in HTML. But in reality, there is no HTML file in your server, there are PHP files that generate the HTML output dynamically/on-the-fly and that is what your browser receives. So, how would the browser know where/what file to edit? Not to mention that between the PHP files and the generated HTML output, PrestaShop (and other similar web apps) adds another layer of "complexity" with Smarty/TPL files/templates!

Edited December 1, 2014 by parsifal (see edit history)

[nspinheiro]

Technically, this would be almost impossible. Just think of these 2 cases where this couldn't work (there are many others):

 

1. CSS combine techniques (like the one PrestaShop uses when you enable CCC): the browser wouldn't know on what CSS file exactly should the changes be applied

 

2. Inline CSS: this is defined in HTML. But in reality, there is no HTML file in your server, there are PHP files that generate the HTML output dynamically/on-the-fly and that is what your browser receives. So, how would the browser know where/what file to edit? Not to mention that between the PHP files and the generated HTML output, PrestaShop (and other similar web apps) adds another layer of "complexity" with Smarty/TPL files/templates!

 

Thanks ! Clarified