CODEWITHSUNDEEP
htmlcss
Or Weinberger
Or Weinberger

Reputation: 7472

What is the best tool to your knowledge for CSS live editing?

I'm currently using FireBug, and it is absolutely amazing. The only problem is that it's not really working for IE/Chrome.

What do you guys and girls use?

I'm looking for some tool that will allow me to get live visual feedback for my changes.

EDIT: I'm working on IE7 and Firebug Lite conflicts with my other loaded JS scripts.

Thanks

Upvotes: 1

Views: 255

Answers (4)

melhosseiny
melhosseiny

Reputation: 10144

Firebug Lite works in IE6+ and Chrome. You can also use IE8 Developer Tools and Chrome Developer Tools.

Upvotes: 2

thirtydot
thirtydot

Reputation: 228162

I've never used it myself (CTRL + S / F5 works for me), but you should check out Skybound Stylizer.

Here's a quote:

Stylizer's real-time CSS development extends to 9 different integrated web browsers. On Windows, Google Chrome, Internet Explorer 6, 7 & 8, and Firefox 2.0, 3.0, 3.5, 3.6 are supported. On Mac, Safari is supported.

..

The Stylizer workflow couldn't be easier. Just open up the URL or the HTML page you want to edit, the style sheets are automatically extracted from the page, and you're ready to start making changes.

Other than that:

Firefox - Firebug

Internet Explorer 8/9 - Developer Tools (hit F12) (you can download it for IE7/IE6)

Chrome/Safari - Developer Tools

Opera - Dragonfly

For Chrome/Safari/Opera, I just right click anywhere on the page and click "Inspect Element".

Upvotes: 1

rmbl
rmbl

Reputation: 325

"Developer Toolbar" is great for Internet Explorer (although I've heard that the new IE9 should have something new on board).

Chrome has some developer tools builtin. They are pretty similar to Firebug and you can access them by pressing CTRL + SHIFT + J.

Upvotes: 2

Mark W
Mark W

Reputation: 5964

"Developer toolbar" for IE (although not as good as firebug). Im sure there must be a similar add on for chrome too.

Upvotes: 0

Related Questions