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. The Complete Guide to Adobe Alternatives

    7 Posts
    It's always a good idea to know as much as possible about all the tools at your disposal. With a little exploration you might find there are tools out there, other than the obvious Adobe choices, that perfectly suit your daily tasks and workflows.
    View Learning Guide...
  2. All About Adobe Muse

    8 Posts
    2014 has witnessed some grand changes made to Adobe Muse; the web design application for Graphic Designers. It's seen an improved interface, greater integration with other Adobe services and all this has helped its vibrant community grow even stronger. We've featured Adobe Muse in several ways recently, and there's more to come!
    View Learning Guide...
  3. All About Style Guides

    8 Posts
    This series is quite literally all about Style Guides; what they are, why you'd need them, and how others are using them. Over the course of this series, a suitably varied mix of experts share their knowledge of Style Guides, answering questions, lending advice and explaining practical application along the way.
    View Learning Guide...
  4. 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...
  5. Build a Responsive Layout With Skeleton

    8 Posts
    The Skeleton framework, by Dave Gamache, provides a simple and rapid way of kicking off a web build. With a straight-forward grid, clear typography, and very little else in the way of styling, Skeleton is arguably the lightest way of introducing yourself to responsive frameworks.
    View Learning Guide...