Category Archives: css

Understanding CSS cubic-bezier

One of the most often overlooked features of CSS transitions is the ability to specify a cubic-bezier timing function. This is because you get a bunch of easing options out of the standards-based box: ease, ease-in, ease-out, ease-in-out, linear. These … Continue reading

Posted in canvas, css, html5, jQuery, workflow | Tagged: , , , | 9 Comments, join the conversation!

Abusing text-shadow

text-shadow is really nice for making your copy appear to “pop”. Conversely, I found if you hack around a little bit, you can create a blurry text effect. All it takes is 2 simple lines of CSS: h1 { text-shadow: … Continue reading

Posted in Uncategorized, css, silly, typography | Tagged: , , | Leave a comment, start the conversation!

Typekit turns 1, partners with Adobe

Most the designers I work with use Adobe fonts. Having an easy route to implement the fonts I actually encounter day-to-day is a huge plus. I’ve wanted to use typekit in the past, but haven’t, because you ususally have to … Continue reading

Posted in css, typography | Tagged: , , , | Leave a comment, start the conversation!

Added projects to github

I just added a few projects to github. Here’s the rundown: jQuery Asset Loader – This class is based off an example from Steve Souder’s book Even Faster Websites. Essentially you can load a script OR a stylesheet with a … Continue reading

Posted in canvas, css, html5, jQuery, javascript | Tagged: , , | Leave a comment, start the conversation!

This week in web typograpgy

Typekit now supports SVG fonts. This is good news if you want to use their services for an iPad site (since SVG is the only format mobile Safari supports). They mention there are still some bugs to work out, but … Continue reading

Posted in css, iPad, typography | Tagged: , , , , , | Leave a comment, start the conversation!

The problem with @font-face

Lately some “bullet-proof” cross-browser methods have arisen using @font-face: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ http://readableweb.com/mo-bulletproofer-font-face-css-syntax/ While these provide a functional way of embedding fonts I contest they are still not “bullet-proof” since there are serious legal implications if these methods are misused. The big … Continue reading

Posted in css, typography | Tagged: , , | 5 Comments, join the conversation!