1. Web Design

Web Design Learning Guides

Learn some essential new web design skills with these learning guides. Each one has been specially designed to help you master an important topic, like web accessibility or using Figma for web design.

If you have questions about a web design concept or framework, these learning guides will answer them. The guide to Vue.js, for example, gives a concise explanation of what Vue is and how it works, while linking out to more in-depth tutorials and courses to help you learn more. You can find similar guides for Adobe XD, Foundation, and much more.

  1. Invisible Forces in Design

    3 Posts
    Design is full of “invisible forces”, all of which help with clean and clear communication. As much as you may be tempted to obsess over getting just the right font, or picking just the right combination of colors, your design will fail miserably if you don’t pay attention to these invisible forces. Follow David Kadavy as he takes you through three articles on alignment, direction, contrast, balance, spacing, and much more.
    View Learning Guide...
  2. Weeks of Web Design Inspiration

    18 Posts
    Over the course of this series we’ll be pulling inspiration on a number of topics, directly from the web. We’ll be looking at examples, design leaders, questioning trends, and scrutinising techniques you can use in your own work. If you have ten minutes to spare, dig in and get inspired!
    View Learning Guide...
  3. Bourbon: the Connoisseurs’ Choice for Sass Mixins

    8 Posts
    Bourbon is a smooth and refined Sass mixin library for designers. It has a minimalistic approach and is serious about creating quality, scalable, semantic code. In this series we’ll take a distinguished look at the Bourbon library, along with its siblings Neat, Refills, and Bitters.
    View Learning Guide...