Jeremy Hubert's Playground

Safari Live CSS Editing Extension

I was tired of firing up Firefox just to freely edit CSS and have it update the page in real time, so I came up with this extension.

Screenshot of Live CSS Edit
Download The Extension

Once you have the extension installed, use the toolbar button or right click on the page and select "Live Edit CSS" to open up the editor. You can resize the box by dragging the textarea handle.

The code for the extension is available on Github: Safari Live CSS Extension.

If you have questions, comments or suggestions I would love to hear them.

@jhubert on Twitter.

© 2010 Jeremy Hubert, although I'd probably let you use it if you just ask me.