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
CSS Image Presentation