Ever had a problem with using IE’s Alpha Visual Filter and getting blocky text? A solution has been found, and it doesn’t use JavaScript. I expect to hear a sigh of relief from many developers.
Entries Tagged as 'CSS'
How to Make ClearType, @font-face Fonts and CSS Visual Filters Play Nicely Together
September 2nd, 2010 by zoltan · No Comments
Tags: CSS · CSS3 · ClearType · Fonts
Coding Colors Easily Using CSS3 hsl() Notation
August 28th, 2010 by zoltan · No Comments
The seemingly impossible task of coming up with color codes off the top of your head can be done easily using CSS3′s hsl color notation. Read how you can use this “human-friendly” and how it can work in the few browsers that don’t support it natively.
cssSandpaper Now Supports transform: translate() and rgba() Gradients
May 6th, 2010 by zoltan · No Comments
In the first in a planned series of posts, I update cssSandpaper with new features. This week I add IE support for translate() support to CSS transforms and alpha channel support to linear gradients.
Tags: CSS · JavaScript
Cross-Browser Animated CSS Transforms — Even in IE.
April 5th, 2010 by zoltan · 11 Comments
This is a follow-up article to my original CSS3 Transform article where I extend cssSandpaper to support scripting. Now you can animate Css3 Transforms (as well as gradients, opacities and box-shadows) in all browsers, including IE, without a lot of issues. Includes lots of neat examples.
Tags: CSS · CSS3 · JavaScript · Uncategorized
Cross Browser CSS Transforms – even in IE
March 9th, 2010 by zoltan · 71 Comments
The CSS transform property allows developers to rotate, scale, and skew blocks of HTML via CSS. There are variants that work natively on all major browsers … except for IE. I created a new library, cssSandpaper, that implements CSS3 transforms (as well as gradients and box-shadows) in IE. It also allows developers to use one transform declaration, instead of three vendor-specific ones for Opera, Firefox and WebKit browsers.
Tags: CSS · CSS3 · JavaScript
How to Detect Font-Smoothing Using JavaScript
November 29th, 2009 by zoltan · 24 Comments
Interested in making web typography look better? Read about The Type Rendering Project! In an earlier article, I mentioned that Boing-Boing had a few issues when they wanted to use @font-face embedding inside their website. In short, the problem was that some fonts look bad on computer monitors without font-smoothing enabled in the operating system. [...]
Tags: CSS · Fonts · JavaScript
More @font-face fun
October 9th, 2009 by zoltan · 9 Comments
My first post @font-face in Depth got a huge amount of unexpected attention. Thank you all for your comments and criticism. Since the post, there have been quite a bit of information I have read about and thought I should share. SVG fonts for Opera and Chrome Jonathan Snook wrote a great article regarding Opera [...]
@font-face in Depth
September 20th, 2009 by admin · 64 Comments
The fact that we can now choose any font to embed inside our web pages and applications using @font-face is something to celebrate, and removes a long existing set of handcuffs placed on web designers. This article covers how to use @font-face in all browsers, as well as some interesting little-known technical details.
Tags: CSS
