Webkori’s Weblog

Archive for January 7th, 2009

CSS: Filtering and Distinguishing Google Chrome and Safari

Posted by: webkori on: January 7, 2009

CSS: Filtering and Distinguishing Google Chrome and Safari

Personally, I avoid using CSS hacks, and when writing client code I always assume that anything can be done the “legal” way.
However, in most cases a hack is useful and needed, so here are two hacks (which are, in fact a valid CSS) that can be used to target and distinguish Google [...]

Unobtrusive CSS Loading Indicator for Images

Posted by: webkori on: January 7, 2009

Unobtrusive CSS Loading Indicator for Images
A few developers are actually aware that the image tag supports background images (as well as practically any other CSS property). Here is a quick and unobtrusive technique for creating loading indicator for images without using JavaScript, that relies on the above feature.

1. Create a loading indicator. You may use http://ajaxload.info.
2. [...]

The 32 External CSS Files Limitation of Internet Explorer and More

Recently, a client of mine complained that certain css files included in his webpage do not load in Internet Explorer. I took a look at his code and noticed that he has tried to register more than 40 external stylesheets in the <head>…</head> section of his webpage, [...]

Opacity & Other Filters in Internet Explorer 8

Posted by: webkori on: January 7, 2009

Setting Opacity and Other Filters in Internet Explorer 8

It was expected that  Internet Explorer 8 will support the standard “opacity” property of CSS, but it seems that its developers have decided not drop the support for filters yet, which is not that bad, though, as it still lacks support for <canvas> scripting.
However, there is a great difference between the [...]