Make CSS changes live — any software for this?

[StephBertha]

Hi there,

I can’t seem to use Firefox on my Mac, so I’ve been using Google Chrome. Problem is, there’s not a really good version of the Web Developer Toolbar on here, to edit CSS. I love that I can edit CSS directly in the browser and watch the changes happen, live.

Do you know of a software program, for Mac, that will allow me to do this?

[Paulie_D]

Chrome has its own website inspection tools. Press F12

[Senff]

You can use the Web Developer Toolbar on Chrome as well, by installing it as an extension.

Go to the Chrome Web store at https://chrome.google.com/webstore/search/web%20developer and find the “Web Developer” extension right under Extensions. To add it to Chrome, just click the “Add to Chrome” button.

[Eric Gregoire]

If you like to use your own choice of editor you could try out what’s posted here :: https://css-tricks.com/style-injection-is-for-winners/

That is, if you’re a bigger fan of saving before things update in your browser over as-you-type updates. This is nice because you can use multiple browsers and use you’re choice of editor as it just monitors changes to specified folders and uses those saved changes as a trigger to update the page in the browser(s).

[Author]

Posts