The IE Transforms Translator will allow you do Cross Browser CSS3-style Transformations without using a JavaScript library like cssSandpaper.
Entries Tagged as 'CSS'
Using CSS3-Style Transforms in IE Without JavaScript
September 12th, 2010 by zoltan · 6 Comments
Giving Challenged @font-face Fonts The Italics Makeover
September 7th, 2010 by zoltan · 5 Comments
Have a font that doesn’t have an italics variant? Does your browser try to attempt to “obliquify” it (badly) or not do anything at all? There is a simple solution to this problem using CSS3 Transforms.
Tags: @font-face · CSS · CSS3 · Fonts · transform
How to Make ClearType, @font-face Fonts and CSS Visual Filters Play Nicely Together
September 2nd, 2010 by zoltan · 14 Comments
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.
Tags: @font-face · ClearType · CSS · CSS3 · Fonts · IE Visual Filters
Coding Colors Easily Using CSS3 hsl() Notation
August 28th, 2010 by zoltan · 15 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.
Tags: Color · CSS · CSS3 · hsl/hsla · Polyfills
cssSandpaper Now Supports transform: translate() and rgba() Gradients
May 6th, 2010 by zoltan · 1 Comment
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: Color · CSS · CSS3 · IE Visual Filters · JavaScript · Polyfills · rgb/rgba · transform
CSS3 Please – Another Great Cross Browser CSS3 Solution.
April 6th, 2010 by zoltan · 1 Comment
Although I have been doing a lot of work on cssSandpaper lately (JavaScript API for cross browser CSS3 animation anyone?), I have also spent a little time on an equally worthwhile project CSS3 Please. While cssSandpaper tries to give developers an all-in-one interface in which to do transforms, gradients and other nifty effects via simple CSS and JavaScript, CSS3 Please gives developers the opportunity to fill in the blanks of a stylesheet and see how CSS3 properties can be coded without the aid of JavaScript so that they work across the browsers that support it.
Cross-Browser Animated CSS Transforms — Even in IE.
April 5th, 2010 by zoltan · 18 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 · gradients · IE Visual Filters · JavaScript · Polyfills · transform
Cross Browser CSS Transforms – even in IE
March 9th, 2010 by zoltan · 116 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: box-shadow · CSS · CSS3 · gradients · IE Visual Filters · JavaScript · Polyfills · transform
Introducing: The Type Rendering Project
November 30th, 2009 by zoltan · 1 Comment
Join a project that will allow developers to find ways to make web type look better right now.
Tags: @font-face · CSS · CSS3 · Fonts
How to Detect Font-Smoothing Using JavaScript
November 29th, 2009 by zoltan · 63 Comments
Not all @font-face fonts look good when font-smoothing is turned off. Now you can detect whether a font smoothing technology is being used and serve alternative fonts for those users.
Tags: @font-face · ClearType · CSS · CSS3 · Fonts · JavaScript

