Entries Tagged as 'Technologies'

Creating Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Forms

July 27th, 2010 by zoltan · 38 Comments

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.

[Read more »]

Tags: Forms · HTML5 · JavaScript · Polyfills

visibleIf – Dynamic and Complex Interactive Forms Using HTML5 Custom Data Attributes

June 20th, 2010 by zoltan · 6 Comments

One thing HTML5 forms can’t do is dynamically show and hide form elements according to the data that the user has already entered. My new library, visibleIf gives you a very easy way to do this using the HTML5 data- attributes.

[Read more »]

Tags: Custom Data Attributes · Forms · JavaScript

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.

[Read more »]

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.

[Read more »]

Tags: CSS · CSS3

Cross-Browser Animated CSS Transforms — Even in IE.

April 5th, 2010 by zoltan · 25 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.

[Read more »]

Tags: CSS · CSS3 · gradients · IE Visual Filters · JavaScript · Polyfills · transform

Cross Browser CSS Transforms – even in IE

March 9th, 2010 by zoltan · 127 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.

[Read more »]

Tags: box-shadow · CSS · CSS3 · gradients · IE Visual Filters · JavaScript · Polyfills · transform

Cross Browser HTML5 Drag and Drop

January 10th, 2010 by zoltan · 68 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”

[Read more »]

Tags: Drag and Drop · HTML5 · JavaScript

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.

[Read more »]

Tags: @font-face · CSS · CSS3 · Fonts

How to Detect Font-Smoothing Using JavaScript

November 29th, 2009 by zoltan · 74 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.

[Read more »]

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, […]

[Read more »]

Tags: JavaScript · XML