Firebug 1.0 beta

Firebug 1.0 beta

I downloaded the Firebug 1.0 beta the other day and I gotta say it’s fantastic. This is the coolest HTML and CSS debugging tool to come along since the Firefox Web Developer toolbar. In fact, my Web Developer toolbar hasn’t seen much use this past week since I’ve started using Firebug.

Basically, Firebug lets you inspect any element on a web page. Once you’ve selected an element to inspect, Firebug shows you where the element is in the source code and gives you a breakdown of all the style rules that apply to the element, including inherited rules. At any time you can make changes to the markup and the style and see those changes reflected immediately in the browser, just like the “Edit CSS” tool in the Web Developer toolbar.

Continue reading

PNG gamma correction

This week’s edition of the SitePoint Tech Times newsletter answers a question I’ve had for a long time. According to the article, PNG Colors in Internet Explorer, IE is one of the only browsers that renders embedded gamma correction for PNG images, which is what causes them to appear slightly discolored. Most other browsers ignore any embedded gamma correction. The article even gives a nice solution for stripping the gamma correction values out of your PNG images. Score!

Blah blah blah

A few more notes about the new design, and then I’ll stop yakking about it; I promise. I’ve now tested the site in Internet Explorer 6, Internet Explorer 7 (rc1), Firefox 1.5, Firefox 2 (rc2), Opera 9, and Safari 1.2. It passes with flying colors in all browsers, with the exception of IE6, where it doesn’t actually look half bad—the layout itself is fine but the PNG images puke big bluish blocks all over where they should be transparent. Sometime down the road I may decide to replace all the PNGs with something else in IE6 (using conditional comments or some other such hack), but IE7 is coming this month and will be a critical automatic update, so I’m not going to sweat about it too much.

Unbeknownst to me, the new design wasn’t at first valid XHTML and CSS. I took care of that this morning by properly closing a few <li> tags, fixing a few tag IDs, properly enclosing a couple of comment form elements inside a block level element, and fixing a few malformed CSS statements.

Last but not least, I should mention that the new design uses a couple of new fonts: Cambria and Calibri. Microsoft is releasing six new fonts with Windows Vista and many people (myself included) are hoping they become widely distributed enough to use them in web pages. If you don’t have these fonts, the new design properly degrades to using Georgia and Trebuchet MS instead, which I think looks pretty good, so you’re not missing out on much. To get the full effect, however, I recommend you download the new fonts if you can. They have been released unofficially to the public in the Vista betas and can be found on the web with a little effort.