Video source missing

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

In by Pausha 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. If you’d like to follow along with us in this series, check out our Design Cloud asset based on the ideas that we are going to be exploring: https://demo.theme.co/designcloud/con…​ You can use that web design template to deconstruct these ideas further and implement similar techniques on your own website if it fits your creative vision.