With the increasing better support from browsers for CSS we can rely more on code for content presentation. I noticed that a lot of websites don’t look farther then the design and typography. It’s good practice to include images with your articles and weblog entries. But many people don’t think about enhancing photos and using CSS to make it stand out more.

On my personal weblog I always edit photos in Photoshop if I take them with my camera or I edit my iPhone photos with apps for a nice effect. Much used effects are vignette, converting photo to a vintage look or B&W. To finish it I always have a CSS style in place to add borders and shadows to the photo. Now with CSS3 you can do even more with your photos, especially transition offers many possibilities.

Try out these Photoshop tutorials and remember to use Action recorder to make it easy to re-apply these effects on future photos. Then next, pick out your favorite CSS technique to apply to your photo on your website.

Photoshop Photo Tutorials

How to turn your photo into movie-like effect using Photoshop?

How to give a retro-look to your photos

How To Give Your Photos a Vintage Polaroid Effect

How To Give Your Photos a Dark Processed Lomo Effect

How To Give Your Photos a Cool Retro Analog Effect

Selective Sepia

Cross Processing Effect

How To Make Digital Photos Look Like Lomo Photography

Photoshop vintage effect

Black And White Conversions In Photoshop

CSS Image Presentation

Border Radius Rounded Images and Avatars

Fancy Inset CSS Image Borders

CSS3 box-shadow and image hover effects

Going Nuts with CSS Transitions