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.
Entries Tagged as 'JavaScript'
Cross-Browser Animated CSS Transforms — Even in IE.
April 5th, 2010 by zoltan · 18 Comments
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
Cross Browser HTML5 Drag and Drop
January 10th, 2010 by zoltan · 60 Comments
HTML5 Drag and Drop is one of the least understood modules of the HTML5 specification and it can be a pain to implement in a cross browser fashion. This article is for those who want to use it today in their web applications and goes into a lot of detail so you can “get the job done”
Tags: Drag and Drop · HTML5 · JavaScript
My Favourite Third Party JavaScript Libraries
December 22nd, 2009 by zoltan · No Comments
Blogging has been a powerful tool for me to publicize code that I have written. Not only can I announce code that I want to release, I am always complimented by the fact that others like to share what they read here as well. Over the years, however, I have found bits of code others [...]
Tags: JavaScript
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
Configuring JavaScript Applications With XML
October 27th, 2009 by admin · No Comments
I have been hacking JavaScript for close to 12 years now, and love it. But just like anyone you have been enamored with for a long time, there are bound to be things that drive you crazy about the object of your affection. Sure, your feelings are stronger than when you first met, but sometimes, [...]
Tags: JavaScript · XML

