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. Mastering HTML Email

    The subject of HTML Email can make even the most seasoned web designers’ palms clammy; it’s a minefield of hacks, pitfalls, and means disregarding all the things we’ve learned about web standards during the past decade.
    View Learning Guide...
  2. Creating a WordPress Theme From Static HTML

    5 Posts
    Experienced frontend developers who had built sites using HTML and CSS, and found it easiest to take their existing HTML files and convert them to a theme. Two of the people I spoke to were lecturers or teachers, and told me that this is the approach they use with students.
    View Learning Guide...
  3. Getting to Know Gumby

    6 Posts
    The Gumby Framework offers rapid and flexible front-end development. Its features include installation and maintenance tools, Sass support, a semantic grid, toggles and switches, parallax toys and much more. During this series we're going to walk through those features and tools, before building ourselves a complete Gumby website.
    View Learning Guide...
  4. Design School for Developers

    26 Posts
    Design School for Developers is a tutorial series aimed at helping developers (and those new, or simply interested in designing for the web) to understand more about the techniques and decisions employed behind the design they may code.
    View Learning Guide...