Web Design Courses

These online web design courses will help you learn everything from website usability to getting the most out of WordPress. If you want to take your web design skills to the next level, you're in the right place.

Each course takes you through a web design topic or concept in all the detail you need to master it, with expert video instruction to show you exactly what to do. Some, like this basic WordPress introduction, are aimed at beginners, while others, like this four-hour guide to web animation, are more advanced. Pick the right level for you, and start learning the web design skills you need!

All Web Design courses:

  1. 3 JavaScript Projects for Beginners

    3 JavaScript Projects for Beginners

    Course Beginner

    For those of you trying to improve your JavaScript skills, this course will provide you with some practical JavaScript projects that are designed to help you...

  2. Make Your Theme's Design Customizable With the WordPress Customizer

    Make Your Theme's Design Customizable With the WordPress Customizer

    Course Intermediate

    The WordPress Customizer is a great way to tweak the look of a WordPress site. It's especially great for end users of your themes. They can see their changes...

  3. UI Design: A Practical Guide to Tabs

    UI Design: A Practical Guide to Tabs

    Course Beginner

    Tabs represent a fundamental pattern for user interfaces. They’ve been around for a long time, and while they come in all shapes and sizes, their core...

  4. Introduction to Mason

    Introduction to Mason

    Course Beginner

    Mason is an excellent tool for creating front-end features like forms, cards, news feeds, and more. You can choose from predefined templates or create your...

  5. Up and Running With PixiJS

    Up and Running With PixiJS

    Course Beginner

    PixiJS is a 2D graphics rendering JavaScript library that lets you create stunning visual effects in a flexible and performant manner, giving you new ways to...

  6. Figma Grids in Under 30 Minutes

    Figma Grids in Under 30 Minutes

    Course Beginner

    Figma is a superb tool for UI design, and one of the things it’s really good at is creating grids. Using a grid is a vital part of many design projects, so...

  7. A Short Guide to Using HTML Tables in the Modern Age

    A Short Guide to Using HTML Tables in the Modern Age

    Course Beginner

    Back in the day, web pages were built with tables. These were the cornerstone of any layout. Nowadays, we have so many different and much simpler ways of...

  8. Complete Guide to WordPress Multisite

    Complete Guide to WordPress Multisite

    Course Intermediate

    WordPress Multisite makes it easier and more secure to host a number of WordPress sites on the same server. With Multisite, you only need a single install of...

  9. Introduction to Text Masking on the Web

    Introduction to Text Masking on the Web

    Course Beginner

    Text masking (also known as “knockout text”) is a technique that allows us to display images, gradients, patterns, and even videos inside the shape of a...

  10. Creating Custom Presentation Themes for Reveal.js

    Creating Custom Presentation Themes for Reveal.js

    Course Beginner

    Reveal.js is a powerful HTML framework used to create presentations. It comes with a lot of default themes you can choose from, but sometimes you will want...

  11. Building Gutenberg Template Layouts Without JavaScript

    Building Gutenberg Template Layouts Without JavaScript

    Course Beginner

    In this course, we’ll go through a method of creating a custom Gutenberg block-driven layout in a WordPress theme, without using a single line of JavaScript....

  12. Figma to HTML: Code Up a Single-Page Design

    Figma to HTML: Code Up a Single-Page Design

    Course Beginner

    In this course, we’ll take a one-page design for a travel website in Figma and go through the process of converting it into HTML. In the process, we’ll...