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. Best Practices for Displaying Form Errors

    Best Practices for Displaying Form Errors

    Course Beginner

    Submitting forms doesn’t always go as planned. Users might not enter information in the expected format, or they might forget to enter all the necessary...

  2. Take Your Presentations to the Next Level With Reveal.js

    Take Your Presentations to the Next Level With Reveal.js

    Course Beginner

    When we think about making a presentation, we usually reach for Keynote or PowerPoint. But there’s a very good third option: an HTML presentation framework...

  3. A Web Designer’s Guide to the WebP Image Format

    A Web Designer’s Guide to the WebP Image Format

    Course Beginner

    The WebP image format was created by Google with the goal of creating high-quality images with smaller file sizes. In this course, you will learn how to...

  4. Getting Started With CSS Multi-Column Layout

    Getting Started With CSS Multi-Column Layout

    Course Beginner

    When it comes to creating layouts in CSS, most commonly we use floats, Flexbox, or CSS Grid Layout. But there’s another layout method that’s not used much...

  5. Introduction to Studio 2.0

    Introduction to Studio 2.0

    Course Beginner

    Studio is a web design tool that allows you to design, build, and publish responsive websites without writing a single line of code. All this is possible...

  6. Create a Themeable Site Design in Figma

    Create a Themeable Site Design in Figma

    Course Beginner

    Figma is a superb vector-based tool for interface design. As part of its suite of functionality it includes a “styles” system, whereby various colors,...

  7. The Complete Guide to Migrating WordPress

    The Complete Guide to Migrating WordPress

    Course Intermediate

    When you've finished developing a WordPress site on your local computer, you'll need to migrate it to its live server. This can be a frustrating experience...

  8. Customize a Template With VisBug

    Customize a Template With VisBug

    Course Beginner

    VisBug is a browser extension for Chrome that allows you to make point-and-click changes to the look of any website, all from within the browser. In this...

  9. VisBug Quick Start

    VisBug Quick Start

    Course Beginner

    Project VisBug is a new extension for Chrome (and soon Firefox) that allows you to make almost any change to a site’s visuals you need to, all within the...

  10. Gutenberg Plugins for WordPress

    Gutenberg Plugins for WordPress

    Course Beginner

    The Gutenberg editor, which ships with WordPress 5, offers a new, streamlined way to create content for your posts and pages. In this short course, I will...

  11. A Beginner’s Guide to Using Typographic Scales

    A Beginner’s Guide to Using Typographic Scales

    Course Beginner

    Using a typographic scale is essential for creating balanced and harmonious font sizing for your project. Typographic scales are used in print, web design,...

  12. Responsive Design in Adobe XD

    Responsive Design in Adobe XD

    Course Beginner

    XD is Adobe’s contribution to the world of design mockup software. In Adobe XD, as with any concept design tool, it’s important to illustrate how your...