A List Apart art direction Bandwidth Best practices creativity CSS CSS3 Design

CSS & Design: Blending Modes Demystified

With a few lines of CSS, we can now flexibly add Photoshop-level blending effects to our designs. Justin McDowell (@revoltpuppy) leads the way in today’s A List Apart, for people who make websites.

A List Apart: Blending Modes Demystified. Illustration by Brad Colbow.

IN AN IDEAL world, we’d be able to modify a design or graphic for the web while keeping the original intact, all without opening an image editor. We’d save tons of time by not having to manually reprocess graphics whenever we changed stuff. Graphics could be neatly specified, maintained, and manipulated with just a few licks of CSS. Oh. Wait. We can do that! Justin McDowell gives us the lowdown: read Blending Modes Demystified in today’s A List Apart.

Illustration by Brad Colbow

By Jeffrey Zeldman

“King of Web Standards”—Bloomberg Businessweek.

Hi! I’m a principal designer at Automattic, Inc. Also: Publisher and founder, A List Apart “for people who make websites.” Publisher and co-founder, A Book Apart—brief books for people who design, write, and code. Co-founder and co-host, An Event Apart UX & front-end conference. Faculty, MFA Interaction Design, School of Visual Arts, NYC. Host, The Big Web Show. Have written two books, notably ”Designing With Web Standards,“ currently in its 3rd Edition, and, on last count, translated into 15 languages and used as a text in 85 universities.