nth-child Support in the Major Players

Posted on July 12th, 2008 | 2 Comments »

After reading an article over at the SiteCrafting Blah Blah Blog about different ways to alternate table row colors, it occurred to me that the nth-child approach was not mentioned.  Way back in 2004 I had implemented a ridiculous (hindsight is 20/20) proof-of-concept around implementing tables without using the <table> tag.  However ridiculous the prototype might have been, one touch I added was the use of the nth-child pseudo-class to display alternating table rows in a different color.  Here’s what I wrote about that at the time:

This rule is actually a part of the CSS3 selector set, and if your browser was capable of rendering it correctly (I’m willing to bet it isn’t, at least at the time of posting) you’d see alternate background colors on the table rows (alternating between white and light gray).

Remembering that old proof-of-concept today, I decided to have another look at it.  I was disappointed to find that even in the latest version of Firefox (version 3), over four years later, the alternating row colors were nowhere to be found.  I was happy to see, though, that the latest versions of Opera (9.51 at the time of writing) and Safari (3.1.2 at the time of writing) actually do display the alternating table row colors.  As one might guess, IE7 falls in the Firefox camp on this one.

It’s unfortunate that only half of the major players support this useful feature, but I’m guessing we’ll see support added in Firefox 3.1, of which there is a first alpha targeted for release at the end of this month, since that particular release is meant to include a slew of CSS support geared toward Acid3 compliance.  Furthermore, one can hope nth-child support will show up in IE8, but that may be the least likely scenario between the two.

Tags: , , , , , , , , , , , ,

Opera 9.50 Released

Posted on June 14th, 2008 | No Comments »

As so astutely pointed out by commenter iamcheese, Opera 9.50 was released on Thursday, June 12th.

Those following the Opera Desktop Team Blog likely saw the release coming, as there was a lot of focus on stability in the weeks leading up to the release, and also a preview of some of the major features, including a new default skin (which, like any major theme change, received a lot of immediate feedback) and malware protection.

Impressively, the official release of the browser came only two days after the release of the Opera 9.50 Release Candidate build.  For interesting facts about the release, you can check out the official announcement or the coverage at Opera Watch.  The latter also has some additional coverage on the new skin change.  Or, if you’re interested in the improvements made in Opera 9.5 on the CSS front, be sure to look at CSS3 . Info’s synopsis.

Lastly, and perhaps most importantly, you can download the latest release at opera.com.

Tags: , , , ,

How Web Browsers Utilize CSS Font Rules

Posted on May 27th, 2008 | No Comments »

I was pointed to a very interesting blog post by Eric Meyer titled Characteristic Confusion, which reveals how web browsers like Firefox utilize CSS font rules.

It’s been happening ever since the CSS font rules were first implemented. In fact, it’s the basis of the whole list-of-alternatives syntax for font-family. You might’ve thought that CSS says browsers should look to see if a requested family is available and then if not look at the next one on the list, and then goes to render text. And it does, but it says they should do that on a per-character basis.

From a web developer’s perspective, prepare to have your mind blown.  From a browserphile’s perspective, prepare to learn something new about how web browsers honor those font-family rules supplied in style sheets.

Tags: , , , ,

What Do You Want from CSS3?

Posted on March 10th, 2008 | 1 Comment »

Being interested in web browsers without having any interest in web development or web standards is probably a bit like being interested in telescopes but not having any interest in outer space (or spying on your neighbors).  Therefore, occasionally you’ll see some content here that has less to do with web browsers and more to do with the evolution of web standards, web development, CSS, markup, microformats, etc.  This post is an example.

Peter Gasston posted at CSS3 . Info this week reminding visitors to that site that the closing date for letting the W3C know what your priorities are for CSS3 is Monday, March 10th (in other words, get busy).  You’re encouraged to leave your feedback as a comment over at webstandards.org, where there are already a whole bunch of suggestions.  Some of those suggestions range from requests for the support of constants (though there’s some history on that one) to better form element styling options and control over the color of underlines and strikethroughs to basic animation.  If you look hard enough, you might even find a submission from me that goes way back to 2004.

Anyhow, if you’re one of those people spying on your neighbors…I mean that’s interested in web standards and the evolution of CSS, I’d recommend heading over to webstandards.org and letting them know your thoughts before the end of tomorrow (Monday).

Tags: ,

Around the Browsersphere #8

Posted on March 9th, 2008 | 1 Comment »

With at least a couple more Firefox 3 betas on the way, the release of IE8 Beta 1 and the official release of the Acid3 test, there’s a lot going on in the browsersphere these days.  Let’s jump right into it…

Amazingly enough, there’s a lot more to post about, but that should hold you over for a little bit.  I’m interested in hearing if Browsersphere visitors are more interested in somewhat random links like this or if it would be preferable to have the links broken down by the web browser to which they correspond.  If you have any thoughts on that, please leave a comment.

Tags: , , , , , , , , , , , , , , , , , , , , , , , ,

Safari Closing in on Acid3

Posted on March 7th, 2008 | 2 Comments »

According to Dave Hyatt, the Safari team has made significant gains of late in achieving compliance with the new Acid3 test.  Apparently they’ve made the leap from scoring 39/100 on the test to 90/100 after addressing issues with CSS3 Selectors, general parsing bugs, SVG and DOM Level 2 features.  According to Hyatt, the remainder of the issues tend to fall into the SVG category, and since they are getting so close to Acid3 compliance, they will be updating Surfin’ Safari regularly with updates on their progress.

Tags: , , , ,

CSS Contents and Browser Compatibility

Posted on November 10th, 2007 | No Comments »

I stumbled upon CSS Contents and Browser Compatibility today via etc..  It has a side-by-side comparison of web browser support of CSS features broken down by selectors, pseudo-classes, declarations and experimental declarations.  The web browsers compared are IE 5.5, IE 6, IE 7, Firefox 2.0, Safari 3.0 (Windows), Opera 9.5 Beta, iCab 3.0 and Konqueror 3.5.7.

It’s not surprising to see that as you scroll down the page semi-quickly, a majority of the red shows up in the Internet Explorer and iCab columns.  Beyond that, it looks like Firefox and Opera deserve some props for having only one red box each for the features in the first three categories.  Konqueror’s not far behind with about two-and-a-half, depending on how you count the “Incorrect” implementation for background-attachment.

What stands out, though, is the support for experimental features.  Konqueror leads in that category with support for three features, Safari’s next with support for two-and-a-half, and then Firefox and Opera with two each.  The other browsers fail to even register in this area (again, not surprisingly).

See anything else interesting in the stats?  Post a comment.

Tags: , , , , , , , , , , ,

Around the Browsersphere #4

Posted on September 8th, 2007 | 1 Comment »

It was a big week for web browsers. Let’s get caught up on the little stuff…

Tags: , , , , , , , , , , , , ,

Opera 9.5 Alpha Feedback

Posted on September 7th, 2007 | No Comments »

Feedback on the recently released Opera 9.5 alpha has started to roll in now that more people have had a chance to play with it. I have to admit, I haven’t played around with it yet, so I’ll tell you what some other people are saying…

Download Junkie says:

  • We tested this early preview and it’s already looking superb. The performance is the best of any browser we’ve used, it was very stable and the Mac OS X version ships with a much-improved user interface that looks like a proper OS X interface.

Vorlath says:

  • I really have to plug Opera 9.5 right now. It looks the same. Or at least, I made it look the same again (skins, rss feeds, plugins and such). But it feels like I have a new computer.
  • Personally, everything about how Opera 9.5 renders pages rocks.
  • The renderer in Opera 9.5 isn’t just fast. It’s lightning fast. Moving things on screen, scrolling, refresh, everything just flows extremely fast.

Ars Technica says:

  • The new alpha does feel slightly “snappier” than its predecessor.
  • While still not as full-featured as a standalone BitTorrent client, being able to download torrents with a single click on a web page is an extremely useful feature and is one that I use all the time.
  • When you start typing in a URL or search term, Opera will not only auto-fill a dropdown list of previously visited pages starting with the letters you have typed, but it also searches the contents of web pages in your history and displays those matching results as well. So you can just type, say, “apple” in the URL and it will pick up not only www.apple.com but any recently visited web pages mentioning that particular fruit.

Asa Dotzler says:

  • My initial use suggests some mild performance improvements on a few of the heavier pages I visit. There are quite a few rendering glitches but that’s to be expected this early in the development cycle.
  • There are just too many sites that still block Opera completely. Not being able to use Google office apps and other top 1000 sites is just a deal-breaker for so many people.
  • Opera today looks and feels a lot more like Firefox and IE than it did just a couple of years ago and their dev team deserves praise for those moves.

Digg users say:

  • Been using for least than 5 minutes, and I already love it. most of the site specific anoyances that broke my opera 9.23 are now fixed.
  • Opera once again demonstrates its prowess in innovation with the new feature list - such as the full history search.
  • OMG it is fantastic! I think it is really faster on Mac now and works better with many websites, such as Plaxo and Google Calendar! Sweet.

You know there’d be at least one “OMG” in that last set ;)

And just in case you’re looking for some testing grounds where you can put some of the alpha build’s new features to the test, you can either head on over to David Storey’s list of demos or to CSS3 . Info, which has a section dedicated to CSS3.

Oh, and Browsersphere is still kind of a comment virgin, so if you’ve had a chance to look at the Opera 9.5 alpha and have your own thoughts on it, please leave a comment :)

Tags: , , , , , ,

Update on Kestrel CSS Support

Posted on August 29th, 2007 | No Comments »

Opera’s Chief Web Opener, David Storey, has posted an update on CSS support in Kestrel, the forthcoming 9.5 release of the Opera web browser.

Apparently, after having added support for whitespace: pre-line;, Kestrel is getting very close to full support for CSS2.1. In addition, several CSS3 advancements continue to be made. Read David’s post for all the details.

Tags: , , ,