Safari Extension: Live CSS Editor
Since downloading Safari 5, I’ve been incorporating some new extensions into the ol’ workflow. While I typically use CSSEdit to pick apart code in-depth, Jeremy Hubert’s Live CSS Editing Extension allows Safari users to make quick, experimental edits on the fly. Download the extension, fire it up and you’ll be able to turn the background of my site pink!
3 Responses
At first I was real excited by this find. There are 3 main reasons I’m yet to migrate from Firefox to Safari.
#1 Is the ability to edit CSS on the fly using the web developer plugin, Jeremy Hubert’s plugin comes close but from what I can tell it doesn’t actually load up the CSS used in a site, it just allows you to write new properties?
#2 and #3 Is the way Firefox handles tabbed browsing, I can’t go a day without using Cmd 1-9 to switch between tabs... and when I open up new ones I love the content aware grouping. Google Chrome has these features, I just wish Safari would do the same or at least give the option to set it up.
With those points aside this is still a great extension and I’m sure it will be a useful addition to many designers who already use Safari, not quite enough to make me switch though :(
I just saw a plugin called Live Reload. Works on Chrome too. http://blog.envylabs.com/2010/07/livereload-screencast/
It requires a little ruby-fu, but should be able to watch any directory i think. pretty cool. although, Coda already has this in their browser. and CMD+R isn’t too hard either.
I found this one Live CSS Safari Extension and it quick does what i says, but it will be extremely better if you can view the actual stylesheet before editing straight.