There are no images above, nothing but css (half of it vendor propriety, sadly), and this was entirely created with primary colors: Red Yellow and Blue. Why? Because I wanted to see how well you could create other colors using additive color mixing methods like you would with paint through overlayed rgba semi-transparent colors. A standard color wheel with secondary and tertiary colors was the obvious test. This works in Firefox, webkit browsers and even, yes, Internet Explorer. Well, the curved edge that makes it a circle doesn’t work in IE. But the semi-transparent color overlays to simulate additive color mixing that I was wondering about? Works like a charm! (more…)
Posts Tagged ‘css’
Color Wheels with only CSS3 and Primary Colors
Sunday, July 11th, 2010In Search of Bolder Type and a Font Outline
Thursday, May 27th, 2010I have always been annoyed by how not-bold the standard browser-safe system fonts are at smaller font sizes. And even now, calling in a bolder typeface using @font-face is not always a viable option (like a project I’m working on right now). I need heavier type than Verdana bold, and it needs an outline to make it stand out against its background, it can’t have any extra markup, and it has to be cross browser compatible. (more…)
Calling all valid CSS “browser hacks!”
Monday, September 21st, 2009I don’t like to use css hacks. I do use them. In point of fact, I maintain a small list of css hacks so I can easily reference them. But I don’t like them. Except for the last one on that list, which I think I’ve used twice total, all those “hacks” are actually valid css that simply hook into Explorer’s irregular DOM and different levels of selector support to target cases that only exist in one browser or another.
Enter IE8 several months ago. Setting aside the fact that I can’t even get the damn thing to run without going through an initial “start -> erase all preferences -> close -> start -> close the ‘you need to customize!’ window by clicking the X not the ok or it blows up -> open a new tab -> close the first tab” route (yes, I’ve done a clean install and tried trashing my prefs), once I finally get to it for testing, I find that its “Compatibility” and “IE7″ rendering is occasionally off of IE7, and the IE8 rendering is different from IE6, IE7 or Firefox…
And so far, all I’m seeing for css hacks is invalid css code. Anyone out there yet found a css hack that targets only ie8 that’s valid css? Any way to target its modes in a way that would distinguish IE7 from IE8 Compatibility or IE8′s version of IE7?