Contact Me

@zoltandulac

Categories

Archives

Entries Tagged as 'CSS'

How to Make ClearType, @font-face Fonts and CSS Visual Filters Play Nicely Together

September 2nd, 2010 by zoltan · No 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.

[Read more »]

Tags: CSS · CSS3 · ClearType · Fonts

Coding Colors Easily Using CSS3 hsl() Notation

August 28th, 2010 by zoltan · No 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: CSS · CSS3

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.

[Read more »]

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.

[Read more »]

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.

[Read more »]

Tags: CSS · CSS3 · JavaScript

How to Detect Font-Smoothing Using JavaScript

November 29th, 2009 by zoltan · 24 Comments

Interested in making web typography look better? Read about The Type Rendering Project! In an earlier article, I mentioned that Boing-Boing had a few issues when they wanted to use @font-face embedding inside their website. In short, the problem was that some fonts look bad on computer monitors without font-smoothing enabled in the operating system. [...]

[Read more »]

Tags: CSS · Fonts · JavaScript

More @font-face fun

October 9th, 2009 by zoltan · 9 Comments

My first post @font-face in Depth got a huge amount of unexpected attention.  Thank you all for your comments and criticism.  Since the post, there have been quite a bit of information I have read about and thought I should share. SVG fonts for Opera and Chrome Jonathan Snook wrote a great article regarding Opera [...]

[Read more »]

Tags: CSS · Fonts · SVG

@font-face in Depth

September 20th, 2009 by admin · 64 Comments

The fact that we can now choose any font to embed inside our web pages and applications using @font-face is something to celebrate, and removes a long existing set of handcuffs placed on web designers. This article covers how to use @font-face in all browsers, as well as some interesting little-known technical details.

[Read more »]

Tags: CSS