Mind = Blown.


IE9 Beta - Acid3 Score: 95%
IE9 Beta - Acid3 Score: 95%
Firefox 3.6 - Acid3 Score: 94%
Firefox 3.6 - Acid3 Score: 94%

Internet Explorer beat Firefox on the Acid3 test? I think it must be a cold day in hell. 😉

(IE9 is actually pretty badass; I’m very impressed with the work Microsoft has done to step it up in this release. Feels like an actual competitor to Chrome/Firefox, not a ball and chain like previous IE releases.)

jQuery fadeIn/fadeOut IE cleartype glitch

Thanks to Benjamin Michael Novakovic for this fix!

While using the jQuery  javascript library today at work, I noticed a glitch under IE7. When fading a html node with the .fadeIn() and .fadeOut() functions in jQuery, IE drops the windows Cleartype rendering; which results in very ugly text. This problem appears to be very common, but no one has a nice solution for the problem.

The most common way to solve this problem is by removing the filter CSS attribute. In normal javascript, it would look like this:

document.getElementById('node').style.removeAttribute('filter');

and in jQuery, it would look like this:

$('#node').fadeOut('slow', function() {
   this.style.removeAttribute('filter');
});

via Benjamin Michael Novakovic » jQuery fadeIn/fadeOut IE cleartype glitch.

Color Differences

Color Differences

This little experiment was inspired by a photo posted from _Neverletmego_, in which she highlighted the differences in color space between Firefox and Safari on the Macintosh. I was inclined to carry out a similar experiment with three Windows browsers, Safari, Internet Explorer 7, and Firefox. Not surprisingly, Safari has richer and more saturated color (same as on the Mac).

P.S. I’m curious to see how this screenshot looks to users with other browsers than those tested above. =)