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. Interactive JavaScript Maps With Leaflet

    Interactive JavaScript Maps With Leaflet

    Course Intermediate

    Leaflet is a robust JavaScript framework for creating interactive maps on the web. In this short course, I will teach you how to navigate this powerful...

  2. Using Figma for SVG Design

    Using Figma for SVG Design

    Course Beginner

    Figma is becoming very well known as a UI design tool, but on top of its excellent performance in this arena, it is also becoming a favorite for its robust...

  3. 5 CSS Projects: Image Hover Effects

    5 CSS Projects: Image Hover Effects

    Course Beginner

    Creating a hover effect for an image is a great opportunity to display additional information whilst also spicing up an otherwise normal design. In this...

  4. Essential JS Libraries for UI (User Interfaces)

    Essential JS Libraries for UI (User Interfaces)

    Course Intermediate

    In this short course, you’ll be introduced to a number of lightweight JavaScript plugins that are designed to solve common user interface problems. You will...

  5. A Guide to Prototyping in Figma

    A Guide to Prototyping in Figma

    Course Beginner

    Figma is a great tool for UI design, and among its greatest strengths are its prototyping features. In this short course, you’ll learn how to prototype with...

  6. Beyond the Basics: Figma

    Beyond the Basics: Figma

    Course Intermediate

    Figma is quickly becoming a favorite tool for UI and UX designers worldwide, many of them coming over from Sketch and Adobe XD. Figma is a super powerful and...

  7. Beyond the Basics: CSS Grid Layout

    Beyond the Basics: CSS Grid Layout

    Course Intermediate

    CSS Grid Layout is a fantastic tool for creating layouts with CSS. In this short course, you’ll learn the more advanced functionality of CSS Grid including...

  8. 3D Animation With Three.js

    3D Animation With Three.js

    Course Intermediate

    In our previous Three.js courses, we covered the essentials of getting around in the Three.js framework. In this course, we’re going to build on that...

  9. A Quick Introduction to CSS Grid Layout

    A Quick Introduction to CSS Grid Layout

    Course Beginner

    For a long time, web designers have been used to creating layouts with CSS by using floats. Floats, however, were never meant to be used to create grid...

  10. How to Create an Email Template With Envato Elements

    How to Create an Email Template With Envato Elements

    Course Beginner

    Creating an email template can be a daunting task because of the complex table-based structure behind one. Thankfully, Envato Elements has a wide range of...

  11. Design a Corporate Website Using UI Kits in Sketch

    Design a Corporate Website Using UI Kits in Sketch

    Course Beginner

    When it comes to web design, a UI kit is a fast and easy method of quickly designing a website or app. It’s simply a matter of picking the elements you want,...

  12. Three.js: Beyond the Basics

    Three.js: Beyond the Basics

    Course Intermediate

    In our introductory course, 3D on the Web With Three.js, you were introduced to the world of 3D web graphics using the Three.js framework. In this short...