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 the whole article »
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 the whole article »
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 the whole article »
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 the whole article »
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 the whole article »
Join a project that will allow developers to find ways to make web type look better right now.
Read the whole article »
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 the whole article »
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 the whole article »
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 the whole article »
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 the whole article »