Entries Tagged as 'Technologies'

Coding Colors Easily Using CSS3 hsl() Notation

August 28th, 2010 by zoltan · 16 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.

[Read more »]

Tags: Color · CSS · CSS3 · hsl/hsla · Polyfills

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