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 Web Audio API

    3 Posts
    An introduction to the Web Audio API. Covers the basics, including how to make a sound in the browser, how to play an MP3 file, how to add sound to a web application, and ultimately how to build your own web synthesizer.
    View Learning Guide...
  2. LESS: Beyond the Basics

    6 Posts
    Preprocessors have become a staple part of the web designer’s diet; LESS being one of the more popular options available. The learning curve for working with preprocessors is nice and gradual, allowing you to use as many or as few of the features as you’re comfortable with. In this series we’re going to turn up the heat. Over the course of several in-depth tutorials we’ll take you from LESS beginner to LESS pro.
    View Learning Guide...
  3. The Command Line for Web Design

    9 Posts
    This series, by Kezz Bracey, isn’t about “how to run obscure commands for tasks you never do.” Nor is it a “complicated dev process made easy for designers” type of a deal. This is a series specifically for web designers, showing you how to utilize command line tools that are incredibly useful specifically for web design projects.
    View Learning Guide...
  4. Building a Multi-Line Chart Using D3.js

    2 Posts
    D3.js is a wonderful JavaScript library which is used for creating interactive and visually appealing graphics. D3.js stands for Data Driven Documents and uses HTML, SVG and CSS to run its magic. This tutorial will be an introductory tutorial on D3.js where we'll focus on some basic things to create a dynamic graph. Along the course of this tutorial, we'll see how to create a multi-line chart using D3.js library.
    View Learning Guide...