Is This New Browser-Based CSS Editor a Firebug Replacement?
When I read the words "browser-based CSS editor" recently on RedWriteWeb I got excited because it sounded like a way to be able edit CSS on the fly in browsers other than Firefox (yes, you Internet Explorer).
Well, WebPutty is not necessarily a Firebug replacement for me, but it's worth checking out. You have to add some code to your site in order for it to work (yes, yet another external script), but once you're set up you can edit your stylesheets via the WebPutty site and publish your changes too.
WebPutty interface
That's more than I'd like to do — I generally prefer to use Firebug to try out small ideas and fix troublesome issues. However, you can just use WebPutty to preview your changes without saving anything to your site. You can also download the updated stylesheet so that you can make your edits in your editor of choice.
WebPutty was created by FogCreek Software whose products I respect a great deal, and it is free to use so there's no reason not to take a look.
I'm not sure if I would ever use it on a large website, but I could see myself using it on a personal site or one of my smaller client sites. I'd be interested to hear what others think and if anyone has tried it out.
Posted on: July 23, 2011 | 5 Comments
Recent Entries in "CSS"
- Forbes Doesn't Care About the User Experience (0)
- Easily Create iOS and Android App Store Badges (0)
- 15 Online Tools for Creating Great Content Ideas (1)
- Web Design Trends to Help You Spring Clean Your Resumé (7)
- Looking to Hire an Email Marketing Manager (0)
- Create Awesome Article Headlines in Seconds with the Content Idea Generator (23)
- Two Great Guides to SEO for Large Websites (1)
- Lessons Learned from Launching an Online Store on Magento (1)
- Pagination Design Showcase (0)
- Best Practices for Writing Email Subject Lines [Infographic] (0)
- 30 Call to Action Examples that are Better than Learn More (5)
- 50+ Examples of Highly Optimized Landing Page Design (24)
- Components of a Great Website Footer (0)
- Login Form Showcase: 65+ Examples of Login Form Design (0)
- CSS Rounded Corners 'Roundup' (65)
- Using a Background Image Grid to Lay Out Your Web Site (43)
- Typography for Headlines (20)
- How to Get a Job in the Web Industry (24)
- How to Create a Block Hover Effect for a List of Links (32)
- How to Write a Web Site Creative Brief (6)
- Don't Make Me Think: A Common Sense Approach to Web Usability
- Web ReDesign 2.0: Workflow that Works
- White Space is Not Your Enemy: A Beginner's Guide to Communicating Visually through Web Design
- Basics of Web Design: HTML5 and CSS3
- Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement
- Prioritizing Web Usability
- The Web Designer's Idea Book: The Best Themes, Trends and Styles in Website Design
- The Principles of Beautiful Web Design
- Convert!: Designing Web Sites to Increase Traffic and Conversion
- HTML and CSS: Design and Build Websites
- View more recommended reading…
5 Comments Posted
This sounds pretty interesting, but I'm not too excited about the whole external script thing. What I love about Firebug is that I don't have to have FTP access to a site to see what it would look like with a few things moved around.
Depending on how WebPutty works, it might be just the thing to use to tweak CSS in IE when something inevitably goes wrong.
Great post
1. Posted by Blake McGillis on August 01, 2011
thankyou for sharing such great ideas. this article is worth reading.
2. Posted by veztek on August 12, 2011
This one is worth reading
3. Posted by Joseph on September 01, 2011
This sounds interesting I'll definitely be having a look at WebPutty, thanks for posting
4. Posted by web design hull on September 10, 2011
Thank you for sharing this information. I use Firebug all the time or finding problems in my web design, I will have to give this one a go.
5. Posted by Michael Thomas on September 12, 2011