January 11, 2008

The ACID3 Test

Its out, test your browsers to see how compliant they will be against CSS3.

January 6, 2008

IE7.js version 2.0

“IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.”

Dean Edward’s IE7 javascript has been updated with many new bugfixes, check it out.

January 1, 2008

Diagnostic Styling

A great tip to diagnose problems on your website using CSS, very intuitive, but what else do you expect from Eric Meyer!

December 19, 2007

Official Firefox 3 Beta 2

Download link http://www.mozilla.com/en-US/firefox/all-beta.html

[Improved in Beta 2!] Firefox 3 Beta 2 includes approximately 900 improvements over the previous beta, including fixes for stability, performance, memory usage, platform enhancements and user interface improvements. Many of these improvements were based on community feedback from the previous beta.

Read the rest of this entry »

Internet Explorer 8 and Acid2

In some astonishing news today, the IE development team posted a screenshot of the new IE8 fully passing the ACID2 test!

“As a team, we’ve spent the last year heads down working hard on IE8. Last week, we achieved an important milestone that should interest web developers. IE8 now renders the “Acid2 Face” correctly in IE8 standards mode.”

December 18, 2007

Maximum and Minimum Height and Width in Internet Explorer

The bane of many web developers is the lack of support for max/min heights and widths in IE.  Well, there is finally a way to utilize this great CSS attribute.

“Behold the seventh wonder of the virtual world: max/min-height and max/min-width properties are possible in Internet Explorer! Indeed, by taking advantage of IE’s proprietary CSS attribute, expression, you too can whip IE widths and heights into desirable proportions. The CSS expression attribute enables JavaScript commands to be executed within Internet Explorer. JavaScript via CSS? Thanks, Microsoft!”

December 15, 2007

Coda-Slider 1.1.1

Finally the update I have been waiting for! Coda-Slider uses jQuery to side scroll content similar to how its done on the Coda software application page by Panic.

“So I finally found time to add a much-requested feature to Coda-Slider: Different classes for each tab. Now you can target individual tabs and give each one a different look. In the new demo, you’ll see that I just used different background colors to illustrate this feature, but of course you can use images if you like.”

December 13, 2007

CSS for Accessibility

24 Ways has some CSS tips to make your site accessible to everyone:

“CSS is magical stuff. In the right hands, it can transform the plainest of (well-structured) documents into a visual feast. But it’s not all fur coat and nae knickers (as my granny used to say). Here are some simple ways you can use CSS to improve the usability and accessibility of your site.“

December 7, 2007

15 tips to choose a good text type

I found this excellent guide to understanding the finer points of selecting that perfect font:

“Many people have asked me which text type is best for a magazine, a newspaper, a poster, a newsletter, a publication, etc. In general, I tell them which to use, but I know that this is not the best answer, because they won’t learn to do this by themselves.
Today, I want to take time to analyze how to choose correct text typography design in different cases. It is very important to understand that these tips are not final word, but they can be good help at the moment of choosing a text type. In any case, it depends on what do you want to convey with this type, because many times legibility is as important as the character of the type. Try to be very careful and take in account the following points:“

December 2, 2007

CSS Oval buttons

These buttons use the sliding doors technique of CSS, plus two sliced background images with “on” and “off” states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image’s height.