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. Web Design Across the World

    4 Posts
    Everyone knows the web is “world wide”, yet we all use it in a relatively “local” way depending on where we live and the languages we speak. This series aims to change that by exposing global web culture, technology, education, and design, country by country.
    View Learning Guide...
  3. Introduction to Webpack

    2 Posts
    Webpack takes all of your HTML, CSS, JavaScript and images, and cleverly works out all the various dependencies between them. When it's done, it gives you a nice tidy bundle of static assets ready for you throw online. In this introduction we'll learn the basics of Webpack and how to set-up your first project.
    View Learning Guide...
  4. AJAX for Front-End Designers

    4 Posts
    This series aims to familiarize front-end designers and newbie developers with AJAX, an essential front-end technique. Loading content “asynchronously” is helpful for keeping the initial weight of a page low, instead presenting certain information only when the user specifically asks for it. 
    View Learning Guide...