• 200610 Nov

    It’s all gone a bit quiet round here… sorry about that, but there’s not a lot of movement on CSS3, and I know the authors here are quite busy personally.

    Anyway, potentially big news is that the WHATWG are asking for developer feedback on HTML5.

    I’m still wading through the document, but of what I’ve read so far, of most interest to CSS fanatics will be a group of new, semantic tags; for example


    Of course these aren’t directly related to CSS3, but it should help save a lot of classes, ids and tag soup if implemented – and that’s the key. Even if it turns into a recommendation, how long until HTML5 is supported in IE – if at all. Many questions, many variables; but stay positive, and give your opinion.

  • 200616 Oct

    Last week we unveiled the CSS selector test over at css3.info. The test consists of over several hundred separate test cases, each designed to test a certain aspect of the compatibility of your browser with the CSS selector standards. Today we are going to expand the number of test cases to 578.

    The new tests have a large impact of the results. There are quite a few browsers that used to pass with the old test cases, but fail with the new test cases. Generally we added test cases for the following situations:

    • Dynamic updates: If you update the DOM using Javascript this should also affect the CSS selectors. Take for example the :empty selector. It only matches elements without any children. If you dynamically add a new child it should not longer match that particular element.
    • White space in attribute selectors: There are four different ways an attribute selector could be written: [attribute=value], [attribute =value], [attribute= value] and [attribute = value]. We now test if your browser supports all of these variants.
    • Case sensitivity of the value in attribute selectors: The previous version of the test contained a test case for determining if the value of an attribute selector was compared in a case-insensitive way. However this was not complete. We only tested the align attribute – which should be treated in a case-insensitive way. Only Konqueror failed this test. But there are also a lot of other attributes which should be tested in a case-sensitive way. Now almost every browser fails this test. More information about this case-sensitivity can be found on rakaz.nl: CSS selector bugs: Case sensitivity

    We also changed the way results are reported. Instead of just showing whether a selector failed or passed, we now detect if the selector is fully supported, buggy, or not supported at all. This should give all of us a better idea about the state of the compatibility of each browser.

    Browser Version Supported Buggy Unsupported No. tests passed
    Internet Explorer 6 10 1 32 276
    Internet Explorer 7 RC 1 13 4 26 330
    Opera 8.5.4 18 3 22 317
    Safari 2.0.4 21 7 15 336
    Firefox 1.0.8 24 9 10 352
    Opera 9.0.2 25 3 15 346
    Safari r16925 25 9 9 355
    Firefox 26 10 7 357
    Konqueror 3.5.4 37 6 0 570
  • 200611 Oct

    KHTML, the Konqueror rendering engine, has received another upgrade – and with it, more implementation of the still-officially unannounced CSS3!

    According to the release notes, KHTML 3.5.5 now has support for the HSV/HSVA color values. I must confess to being a little baffled by this; the CSS3 color module names HSL/HSLA values (of which HSL is supported), but not HSV/HSVA. Perhaps someone more au fait with colours could help me out on this one.

    Also now supported, apparently, is the outline-offset property – which does exactly what it says; offsets the outline around a page element.

    Please bear in mind I haven’t tested these, yet.

  • 200629 Sep

    So it’s been quite a while, and i should have ended the summer contest almost a complete month ago, but due to extreme business on my side, with a new born son and other stuff, i didn’t get around to it. But I have finally come to it, and here it is:

    The CSS3 summer contest winners!

    • The fifth prize goes to Mauricio Samy Silva for the complete selectors explanation he made that i have yet to work in to the site.
    • The fourth prize goes to Peter Gasston, fellow blogger on this blog, for his blogposts and other great work he did for this site.
    • The third prize goes to Mihai Sucan, for his excellent speech preview.
    • The second prize goes to Mauricio Samy Silva, for the attribute selectors preview he made.
    • The first prize goes to Niels Leenheer, for his javascript based css compatbility tester, which is a very, very cool script, which i’ll soon publish here.

    So, people, please contact me with the name and email address you want your prizes to be registered to, and i’ll get them to you!!

Hosting by: