Webkori’s Weblog

Archive for the ‘Power of CSS’ Category

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, [...]