Font Smoothing in Webkit and Firefox
I don't pretend to be a typography or design expert -- I just know what looks good and what doesn't. A few years ago I saw a few CSS properties I didn't recognize and when I toggled them on and off, the text went from beautiful to...not so beautiful. It was a welcome to the world of font smoothing. I recommend reading this post to learn more about what font smoothing is, but in this post I'll give you the CSS properties and values you need to know:
The difference in font presentation with and without font smoothing is fairly significant:
The difference is subtle but usually eye-pleasing and softer. When you go about picking custom fonts for your next website, try to experiment with font smoothing -- it may have a large effect on content readability!
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
My first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first...
jQuery offers a quick event shortcut method called hover that accepts two functions that represent mouseover and mouseout actions. Here's how to implement that for MooTools Elements.
We implement hover() which accepts to functions; one will be called on mouseenter and the other...
I released a MooTools comment preview script yesterday and got numerous requests for a jQuery version. Ask and you shall receive! I'll use the exact same CSS and HTML as yesterday.
On the keypress and blur events, we validate and...