7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  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. Design and Build a Responsive Timeline Portfolio Page

    3 Posts
    During this series you'll be using Photoshop CS6 to design a simple, clean, three-column portfolio page, with a trending timeline. Once done, you'll move over to a code editor and begin building your finished page for the web. Along the way, you'll learn about the designer > developer workflow, whilst using tools such as Sass and jQuery.
    View Learning Guide...
  2. Learn How to Build Themes for Shopify

    3 Posts
    Over the course of three articles here on Tuts+ we'll be looking at how to build a theme for the hosted ecommerce platform Shopify. Follow Shopify Designer Advocate Keir Whitaker, as he demonstrates all the skills you’ll need to get started, as well as showing you a number of creative ways to make your themes flexible and powerful.
    View Learning Guide...
  3. 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...
  4. 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...