All posts tagged ‘firebug’

File Under: JavaScript, Programming

Octocat, Meet Firebug: The Popular Firefox Developer Tool Is Now on GitHub

What has six legs, eight tentacles and the head of a cat? Firebug on GitHub of course. Yes, it’s true, Firebug, the JavaScript and web development tool that spawned a thousand imitators (well, at least three anyway) is now available on GitHub.

Firebug has long been open source, but has not, until now, been officially available via Git. The move to Git and the new hosting page on GitHub means that interested developers have an easier way to fork the project, tinker with the code and contribute to Firebug.

Firebug developer Jan Odvarko says the move to GitHub has been smooth so far and will offer interested developers “a much better way to collaborate with other coders.”

Indeed GitHub makes it simple to create your own version of Firebug, whether for fixing bugs, contributing new features or developing Firebug extensions. For details on how to get started with Firebug on GitHub, check out Odvarko’s blog post.

Despite its long-standing relationship with Firebug, Mozilla recently began developing its own, built-in developer tools for Firefox. The move to native tools has left some wondering about the future of Firebug, and no doubt the move to GitHub is in part designed to get more developers contributing to the project.

If you’d like to, ahem, get in on the fun, head on over to Firebug’s GitHub page. Also, if you haven’t seen it yet, be sure to read Wired’s excellent profile of GitHub (the article is available on GitHub as well, natch).

New, Improved Firebug Works with Firefox 5+

Firebug, the popular web development add-on for Firefox has released version 1.8 with a host of new features and compatibility with Firefox 5.0. More important, for those of you using the Beta and Aurora Firefox channels, the Firebug 1.9 alpha line has been released with support for Firefox 6 through Firefox 8. The alpha release will obviously be less stable, but if you want Aurora and Firebug it’s your only option.

If you’ve already got Firebug installed it should auto update shortly. If you’d like to take the latest version for a spin, head over to the Get Firebug site.

Much of the work in Firebug 1.8 went into behind the scenes optimizations and speed improvements, but there are some notable new features as well, including a revamped HTML Preview in the Net panel, some new DOM Panel options and better CSS color tooltips with rgba, hsl and hsla values.

For more details on the major new features head over to the Mozilla Hacks blog. To see a complete list of everything that’s new in Firebug 1.8, check out the release notes.

See Also:

File Under: Browsers, Software

Page Speed Add-on Headed to Chrome

One of the most useful browser extensions for web development is coming to Chrome.

Google is working on a Chrome version of its Page Speed add-on. Page Speed is an essential tool for testing sites in Firefox. It breaks down all the stuff on your page and shows you how long everything is taking to download, execute and render. It’s also fully open source and it has its own SDK.

Matthew D. Steele, one of the key engineers at Google responsible for Page Speed, has confirmed that a Chrome version is “already in the works,” and will be ready within a couple of months.

Page Speed currently runs inside of Firebug on Firefox, and there is already Firebug Lite for Chrome. There’s no word yet on whether Page Speed will remain dependent on Firebug (Lite) once it moves into Chrome, or if it will be a stand-alone add-on, but we’ll find out more details soon. In the meantime, if you have an answer to that mystery, let us know in the comments.

If you are curious about using Page Speed to speed up your website, check out Scott’s recent post on using Page Speed and YSlow together.

See Also:

File Under: Browsers, CSS, JavaScript

Build Better Pages With Firebug

Ask web developers to name their desert island Firefox extensions (ignoring for now the improbability of having a laptop while stranded), and they’re bound to put Firebug at or near the top of their lists.

Firebug is a web development tool for tweaking CSS, debugging JavaScript and more. In part, it’s like juiced-up “view source” for seeing how sites are put together. But Firebug really shines when it’s used to streamline your own development.

The extension’s slogan is “web development evolved,” which is apt, given how much it changes one’s approach to web work. The tools available in the standard installation of Firebug are super. Coupled with additional functionality available via Firebug extensions (sort of meta extensions, which add on to Firebug itself), you may feel like you have evolved.

Continue Reading “Build Better Pages With Firebug” »
File Under: Browsers, Software

New Firebug Lite Adds Web Dev Tools to Any Browser

The developers of Firebug, the popular Firefox add-on for web developers, have released a new beta of Firebug Lite, the lightweight version of Firebug that works in any browser.

This new version is a significant update to Firebug Lite. While the full power of Firebug still requires Firefox (see our coverage of the recently released Firebug 1.5), Firebug Lite 1.3 adds some great HTML and CSS debugging tools to any browser, including IE6+, Opera, Safari and Google Chrome.

The lastest beta release of Firebug Lite — which is bookmarklet script that you can add to your browser’s favorites bar — features significant speed boosts and many improvements to the HTML and CSS inspectors. The visual interface of Firebug Lite has also been revamped to match that of Firebug 1.3. For more details on everything that’s new in the Firebug Lite 1.3 beta be sure to check out the release notes.

Google’s Chrome browser gets some special attention in the latest release, with a new Firebug Lite beta extension that makes Firebug Lite feel like a part of Google Chrome. The Chrome extension still lacks the JavaScript debugger and the Net Panel found in Firebug proper, but otherwise is behaves much like Firefox version.

For other browsers Firebug Lite 1.3 remains a bookmarklet with the same functionality — if not the UI integration — of the Google Chrome version.

If Firefox isn’t your bag, or if you don’t need the JavaScript debugging tools of Firebug, the Lite version has you covered and will work in the browser of your choice. Keep in mind that this is a beta release, though we encountered no problems during our testing.

See Also: