Art directed responsive images

ShareTwitterGoogle+FacebookEmail

ShareI’ll start this post by admitting that I haven’t followed the conversation in the web community around implementing responsive images too closely. I understand there are a few recommendations under consideration, and I bet there are polyfills to address the issue. I’d like to also mention that what I’m about to describe doesn’t attempt to […]

ShareTwitterGoogle+FacebookEmail

Read more ›

Image sizes for high density

ShareTwitterGoogle+FacebookEmail

ShareThe other night I can across the really interesting approach to cutting file sizes down when we start dealing with high density screens. I’ve put a little demo together. What I’ve done is saved out a 500x500px and 1000x1000px JPGs of the same image. Logic would tell you that the 500x500px image would be smaller of […]

ShareTwitterGoogle+FacebookEmail

Read more ›

Layered fonts with CSS :before and :after

ShareTwitterGoogle+FacebookEmail

ShareYesterday I came across a free layered font called ‘Tribbon‘. The way layered fonts work is instead of having different font weights there are different textures. On their own these textures might look strange but when you layer them all together you can create depth and treat the font in some pretty interesting ways. This […]

ShareTwitterGoogle+FacebookEmail

Read more ›

CSS transitions and media queries

ShareTwitterGoogle+FacebookEmail

ShareResponsive design is all the rage these days, but what happens when we combine it with CSS transitions? The result! If you’re using a modern browser (Firefox, chrome, etc.) you should see the text transition into a new position and color when you re-size your browser less then 700px. It is a little gimmicky sure, […]

ShareTwitterGoogle+FacebookEmail

Read more ›

Managing common elements in Photoshop

ShareTwitterGoogle+FacebookEmail

ShareHow many times have I found myself working on multiple Photoshop documents and thought ‘Hey, wouldn’t it be great if I could share elements across all of these PSDs!’? (142 times) We do this type of sharing/linking in other apps (Adobe InDesign for example) or on the web by including server side code across multiple […]

ShareTwitterGoogle+FacebookEmail

Read more ›