Target only IE8, IE7 and IE6 in the CSS code

It’s not a very good idea to “hack” the CSS code in such a way so that certain rules will be seen by specific browsers only — usually, one or more than one version of Internet Explorer (IE Conditional Comments are a much better option, in most of the cases).

But sometimes this is the easiest (or the only) way to deal with the situation — let’s suppose, for example, that you don’t have access to the HTML but to the CSS files only. In this case, the following 4 lines of code might be useful:


body {
color: red; /* all browsers will see this */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}

As you can see, it’s easy to write rules that will be “seen” only by IE8, IE7 or IE6, or a combination of these three IE versions. And let’s hope IE9 will need no hacks! ;)

(via #)

Daily Design (2010-051): Double Snake Logo

Daily Design

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 5 m
Idea/Completed: 2010/Oct/20 @ 22:00

Inspired by a movie that I very much liked! ;) So I just re-created this logo with vectors.

On a //sideline: I think this is one of the beautiful examples of clean design, that is simple, yet powerful. And in this case, it carries also a very subtle (double) meaning, that falls perfectly in place in its original context. I do not know who was the designer, but I admire his work… :)

So… Instead of explaining… what if I ask: What is this? :-)

Hint #1: I re-created this logo, not invented it!
Hint #2: Inspired by a movie!
Hint #3: 1980’s is the time period.

Anyone? ;-)

Daily Design (2010-050): The Power of Tefal (and fried eggs)

Daily Design

Meta info:
Software: Adobe Fireworks CS5
Time: ~ 3 h
Idea/Completed: 2010/Oct/19 @ 16:30

Not sure why my “kitchen idea” continues today, but a fact is a fact: now I have not only a frying pan but also a big ceramic stove and some fried eggs! ;)

Interesting (even for me) to see how a tiny Power button can evolve into some kitchen utensils… :)))

(Larger size of this illustration is available, too — just click the 640×640 image above.)