Webkit | Trent Walton

Popular search terms: CSS, Design, Paravel, Responsive

CSS Hyphenation

Sep 7th, 2011—10 Responses

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

Aug 29th, 2011—4 Responses

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

May 19th, 2011—37 Responses

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

Nov 22nd, 2010—40 Responses

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

Lost World’s Fairs

Sep 15th, 2010—46 Responses

IE9 public beta is here, and I’ve had the fair fortune to be recruited by The Friends of Mighty to showcase its support for the Web Open Font Format (WOFF). A while back, Jason Santa Maria called to… read more

CSS3 Border-Radius & Rounded Avatars

Aug 3rd, 2010—37 Responses

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