I Broke the ONE Rule You’re Not Supposed to Break in Typography (CSS Tutorial)

In by Chris Foley

Let's talk advanced web design. In this first video of a three part series, we'll be taking a deep dive into the cover designs of Blue Note Records and see how we can apply some of the lessons we learn to the world of web design with good ol' HTML and CSS. We'll be exploring creative uses of CSS filters, the CSS grid spec, mix blend mode, image layering, and so much more to recreate these timeless classics directly in the browser...no Photoshop needed. One of the really interesting things about Blue Note is that while they produced some of the most iconic pieces of music in the jazz genre, they were almost equally as well known for their creative and bold album covers. These sophisticated works combined creative typography, clever photography, striking color combinations, and modern grid layouts in ways never seen before.