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. Create a Custom Shipping Method in OpenCart

    2 Posts
    Although, OpenCart provides number of useful shipping methods in the core itself, there's always a chance that you'll need to create your own. On the other hand, being a web developer, you'll always try to explore the framework of your choice to see how to create your own custom stuff! In this series, we're going to create a custom shipping method module in OpenCart.
    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. Building a CMS

    2 Posts
    With the increase of use of a Virtual Private Server (VPS), it is more feasible now than ever to roll out your own Content Management System (CMS). In this series of tutorials, I will show you a simple flat-file system CMS in several of the most used web languages. This tutorial focuses on the structure, theming, and syncing of the CMS.
    View Learning Guide...
  4. 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...