Archive for the ‘CSS3’ Category

Today I nearly broke down in tears (with annoyance)…

The past week has provided us with some interesting news.

First off, there’s been a hype of activity from both Webkit and Opera - Webkit’s blog kept us informed that it’s Acid3 DOM test score was increasing, it seemed every day, which ultimately led to it announcing on Wednesday that it had released a public build of a successful Acid3 rendering pass (but not an animation pass). This announcement came very soon (on the same day, in fact) after David announced that Opera’s latest internal build had passed all 100 DOM tests- it was just very unfortunate that some people misinterpreted this information and started accusing the Opera team of pulling stunts and deliberately trying to mislead - a sad state of affairs, especially because it came a result of this great news.

Current Media Queries support in Firefox

Well, at time of writing support is non existent even in the latest nightlies (3.0b5pre), which to me is a slight bit surprising since both Opera and Safari have supported Media Queries for while now. I guess the main push behind module support for both Opera and Safari was to ease web development for their mobile/handheld browsers.

However, what with Mozilla planning a full scale drive into the mobile browser market soon with the release of Firefox Mobile, it’s crucial that module support is included. Judging by the relevant bug ticket, it looks as though there’s not much going on; David Baron’s last entry was in November 2006 simply stating that support is WIP- perhaps I’m missing something?!

Yet more innovation from the Webkit guys

Yesterday, Dave Hyatt announced that the Webkit team have added a new proprietary value for the ‘background-clip’ property- go to my post on CSS3.Info to read more.

Perhaps the next nightly could removed the need for the webkit prefix on the ‘box-sizing’ property, rather than implementing any more proprietary features??

The CSS3 ‘box-sizing’ concept

The age-old problem of having to use the conventional Level 2.1 box model in conjunction with padding and/or border values is solved using CSS3. Up until now, this problem was a major stumbling block for developers, particularly in the instance of specifying a border/padding value in relation to a fluid length element, but the new ‘box-sizing’ property answers this problem.

My feedback to the CSS WG for CSS3

With the closing date for developers able to feed back to the CSSWG regarding it’s revised charter being only a week away, a few of us at CSS3.Info are discussing among ourselves about what we would like to see in CSS3.

CSS3 Tooltips

I recently published an article on CSS3.Info about a new technique I devised for creating tooltips using CSS3. The method uses the :before (or :after) pseudo element combined with the :hover pseudo class.