Discover how to use layer options and Smart Objects to create separators, media players and buttons you can use on your own site mockups. Andreea Nanu shows you how

In an exclusive excerpt from SitePoint's Photoshop CS6 Unlocked (the second edition of The Photoshop Anthology) Corrie Haffly hows us how to make website wireframes using Photoshop CS6

Social photo app enables friends to edit photos collaboratively

Just because it’s at the bottom of the screen doesn’t mean it isn’t vital for creating an informative and stylish homepage. Elliot Jay Stocks shows us how

Stevan Živadinović, the brains behind multi-plane side-scroller web comic Hobo Lobo of Hamelin, walks us through the development of the Parallaxer platform and gives a crash course on turning pencil drawings into transparent-background assets

Designers and developers share with Craig Grannell their tools for designing websites and demand something more in keeping with modern practices. The perfect tool, it seems, simply doesn't exist yet, as highlighted by the Project Meteor campaign

Being a web design hero isn’t about trendy effects, but sound design fundamentals and knowing your way around Photoshop, says Dan Rose

Keith Butters, chief experience officer of The Barbarian Group, explains the concept of 'Enough Design Up Front' in Agile processes

A cool icon can make the difference between success and failure for your site. Bolivian web developer and graphic designer Alvaro Guzman explains how to create one

Brian Suda explains the basics of turning dry statistics into beautiful, informative data visualisations

Background textures are an easy way to make colours more interesting. Paravel’s Reagan Ray shows you how to get them on your site using Photoshop, CSS and HTML

Vignetting, noise and colour saturation are all image imperfections you normally hope to avoid, but not when it comes to lomography. With Photoshop, lomo is just a few steps away, as we show you here

When approaching a fresh site design, what’s the best way to tackle layout and ensure a guaranteed win? Elliot Jay Stocks shares his best web design tips

Craig Grannell delves into the underused but useful Portable Network Graphics (PNG) format, showing you how it can bring flexibility and visual impact to your websites

Create the perfect homepage header design in Photoshop, then learn how to code it up with HTML and CSS

Creative director and motion graphic artist Angie Taylor (@theangietaylor) shows how to use Photoshop and Adobe After Effects for kinetic typography - combining text and motion to express ideas in the form of animation

Our panel of experts discuss the advantages and disadvantages of designing in the browser as opposed to Photoshop

Beta version of new Photoshop gets a warm reception from web designers