DonationCoder.com Forum

Other Software => Developer's Corner => Topic started by: KenR on December 08, 2006, 11:22 AM

Title: Firebug: Web development tools that integrate with Firefox
Post by: KenR on December 08, 2006, 11:22 AM
Here are some cool web development tools that integrate with Firefox. If you develop websites you might what to check it out.

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Just the way you like it

Firebug is always just a keystroke away, but it never gets in your way. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for.

Learn more
Inspect and edit HTML

Firebug makes it simple to find HTML elements buried deep in the page. Once you've found what you're looking for, Firebug gives you a wealth of information, and lets you edit the HTML live...


http://www.getfirebug.com/
[ You are not allowed to view attachments ]
 (http://www.getfirebug.com/)


from http://tech.cybernetnews.com/
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: Redhat on December 08, 2006, 01:15 PM
Thanks for posting Ken  :Thmbsup: Although it doesn't seem to help in the way of accessibility (WCAG) at all (which is law here, not just guidelines). But very nice all the same  8)

Much appreciated!
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: dk70 on December 08, 2006, 01:21 PM
Web Developer toolbar is the other one. Be sure to get latest beta http://chrispederick.com/work/webdeveloper/beta/ I dont think he advertise it on frontpage. Changelog http://chrispederick.com/work/webdeveloper/beta/changelog/
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: Redhat on December 08, 2006, 07:54 PM
Web Developer toolbar is the other one. Be sure to get latest beta http://chrispederick.com/work/webdeveloper/beta/ I dont think he advertise it on frontpage. Changelog http://chrispederick.com/work/webdeveloper/beta/changelog/

Looks nice too, thank you  :) These tools are always good, they free up my day a bit  :D
Title: Web development tools that integrate with Firefox
Post by: superticker on December 10, 2006, 03:25 PM
Here's a website that lists all the great web developer tools, including FireBug and the Web Developer Toolbar.  This site is also discussed in my StumbleUpon blog (linked on my DonationCoder profile).

http://cyber-knowledge.net/blog/2006/10/05/20-firefox-extensions-that-every-web-designer-should-know-about/ (http://cyber-knowledge.net/blog/2006/10/05/20-firefox-extensions-that-every-web-designer-should-know-about/)
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: tinjaw on December 10, 2006, 03:33 PM
Thanks superticker. That is a very good page you linked to. I found a few new ones for me: ViewSourceWith and Load Time Analyzer.
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: dk70 on December 10, 2006, 04:40 PM
Nice little screencast of new Firebug http://soylentfoo.jnewland.com/articles/2006/12/08/firebug-10-screencast Oops, site is down but video is up on Google already http://video.google.com/videoplay?docid=7085968594908820657&q=firebug

Have to check for updates manually it seems, Beta 4 now http://www.getfirebug.com/downloads.html

Firebug has a load time analyzer build in, "Net" button. With Beta 3 I got very slow Firefox when Firebug was enabled on all sites.  May be a beta bug or I have to disable Net monitoring under "Options" button. Options menu change according to chosen function.
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: dk70 on February 01, 2007, 06:52 PM
http://yuiblog.com/blog/2007/01/26/video-hewitt-firebug/ extremely boring or video of the day but good presentation of Firebug by author himself. 100% brilliant if one has the need. Linked video from clicking top picture has better quality than from embedded.

At the end he says something about Firebug "Lite" being first attempt at IE/Opera version and project is open source and "waiting".
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: codyBane on March 10, 2009, 06:26 PM
this thread should be revisited to see what people are using still today
Apart from firebug I like to use colorpicker.  Unfortunately it only works in windows so I have to use a 3rd party app for that when I'm on linux.
Title: Re: Firebug: Web development tools that integrate with Firefox
Post by: mitzevo on March 16, 2009, 01:42 AM
Firebug is still king.