Webkori’s Weblog

Archive for January 2009

How to be successful, working as “Freelancer” or a “Freelance studio” ??
By Santosh kori

We often get this question in our email-box from designers, who are planning to go freelance or just have started working as freelancer or a small freelance studio, So I have decided to write an [...]

Some usefull css tips, tricks

Posted by: webkori on: January 21, 2009

CSS font shorthand rule
When styling fonts with CSS you may be doing this:
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
There’s no need though as you can use this CSS shorthand property:
font: 1em/1.5em bold italic small-caps verdana,serif
Much better! Just a couple of words of warning: This CSS shorthand version will only work if you’re specifying both the [...]

Link selector Specificity

Posted by: webkori on: January 21, 2009

While it’s always possible that you have a stupid browser– that’s not really for me to say– it is more often the case that the styles have simply been written in the wrong order. To ensure that you see your various link styles, you’re best off putting your styles in the [...]

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