Throughout this series we’ve become familiar with Grid syntax, learned about some efficient ways of laying out elements on a page, and said goodbye to some...

In this tutorial we’ll continue our discussion about element queries, turning our hand to building a reusable responsive component.

Media queries are a vital part of modern web design, but they’re not always perfect. In this article we’ll take a look at the idea of “element queries”; what...

It’s not necessary to understand every aspect of Flexbox before you can jump in and get started. In this tutorial, we’re going to introduce a few features of...

In today’s quick tip, we’ll learn how to build responsive layouts using CSS floats, an old yet trusted layout method. Floats weren’t initially intended to...

One area of Shopify development which can often cause confusion for new theme developers is images. I believe the main reason for this lies with...

I had the great pleasure of delivering the closing keynote at Responsive Day Out 3: The Final Breakpoint. Held in Brighton, UK, on 19 June 2015, the...

So far we’ve built a solid HTML page and applied some styles. This tutorial will focus on adding interactivity to the website through JavaScript.

In this part of our ongoing build process we are going to focus on styling the HTML. This tutorial will have three main sections: Adding the images,...

You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use rems and when to use ems. This...

Each time I publish a new course I like to follow it up with an open assignment. So, in this video, instead of learning something by following a number of...

We all want our images to display at the best possible quality, with optimal file size, on different devices, but achieving that is easier said than done. In...