Posts Tagged ‘Webkit’

CSS Hyphenation

After reading this Fontdeck Blog post a few of weeks ago, I dropped an exciting new CSS property into the stylesheet for this blog. Wanting to test hyphenation on all my posts and pages, I applied CSS hyphenation… read more

Lion & Safari Block-A Font Problems

Since upgrading to Lion I’ve noticed a font rendering issue with Safari 5.1. Sites were randomly displaying some web-safe and web-served fonts with the Last Resort font, AKA “Block-A Characters.” These can appear for a variety of reasons,… read more

CSS Mask-Image & Text

I recently wrote about Controlling Web Typography and focused on CSS pseudo selectors & down-to-the-letter control. As a web designer, I want the same level of control over type that print designers have, including texture. There are currently… read more

CSS Box-Shadow:Inset

You’ve gotta appreciate the imageless design elements the CSS box-shadow property makes possible. No more slicing up 3 jpgs to recreate the depth so easily gained in Photoshop. Lately, we’ve been using box-shadow:inset on some Paravel jobs, and… read more

CSS3 Border-Radius & Rounded Avatars

Originally when I CSSed the round avatars on the DesignSwap comments area, I used the -webkit-mask-image property. I was really proud of how neat and effective this was until I realized you could apply border-radius to an image… read more

CSS3 Multi-Column Layout & Column-Count

I use the column-count & column-gap property on the search page of this site to break my Tags list into 4 columns.  Because the content is dynamic, I couldn’t just hard code each column, and I didn’t want… read more