Next generation web forms using HTML5 is hard to do today due to spotty browser support. I demonstrate how a suite of JavaScript libraries can be used to help us use HTML5 Forms today.
Entries Tagged as 'JavaScript'
Creating Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Widgets
July 27th, 2010 by zoltan · 14 Comments
Tags: Forms · HTML5 · JavaScript
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
Cross Browser HTML5 Drag and Drop
January 10th, 2010 by zoltan · 25 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
How to Detect Font-Smoothing Using JavaScript
November 29th, 2009 by zoltan · 25 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 · CSS · CSS3 · ClearType · 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
