Web Design Tutorials

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email templates that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

All Web Design tutorials:

  1. How to Delete Themes in WordPress

    How to Delete Themes in WordPress

    Tutorial Beginner

    This tutorial will show you three different ways of deleting themes in WordPress. You will also learn about reasons for deleting or keeping a WordPress theme.

  2. WordPress Classic vs. Gutenberg Editor

    WordPress Classic vs. Gutenberg Editor

    Tutorial Beginner

    This post will give you an overview of the classic and Gutenberg editors in WordPress. You will also learn the primary difference between them.

  3. 20+ Best Free WordPress Themes for Your Next Website

    20+ Best Free WordPress Themes for Your Next Website

    Tutorial Beginner

    Don’t get stuck thinking you have to pay a lot of money to launch a website; you can do it for a nominal fee when you use a free WordPress theme! Let’s...

  4. 15 Ways to Diversify Your Income As a Web Designer (Earn More in 2025!)

    15 Ways to Diversify Your Income As a Web Designer (Earn More in 2025!)

    Tutorial Beginner

    Wish your earnings as a web designer were more stable or scalable? By adding new revenue streams, it’s perfectly achievable! In this post, we’re going to...

  5. How to Choose the Right Niche for Your Web Design Business

    How to Choose the Right Niche for Your Web Design Business

    Tutorial Beginner

    There’s more to choosing a niche than looking at the dollar signs. In this guide, we’ll look at why it’s important to niche down as well as different ways to...

  6. Supercharge Customer Support With a Help Desk for Your Website

    Supercharge Customer Support With a Help Desk for Your Website

    Tutorial Beginner

    With a help desk solution you can streamline your support process and provide top-notch service. Let me show you how to install a help desk for your website,...

  7. How to Recreate the Mac Dynamic Wallpaper on Your Website

    How to Recreate the Mac Dynamic Wallpaper on Your Website

    Tutorial Beginner

    In this JavaScript tutorial, we'll be creating a dynamic wallpaper to display a different background image and greeting on our website based on the time of...

  8. Google Analytics 4 Setup Tutorial

    Google Analytics 4 Setup Tutorial

    Tutorial Beginner

    A guide to creating your new GA4 (Google Analytics 4) property, migrating from UA, and installing the tracking tag on WordPress, Wix, Webflow, and...

  9. HTML Element: abbr

    HTML Element: abbr

    Tutorial Beginner

    The abbr element helps provide a concise and consistent way of representing abbreviations and acronyms throughout a website. It also gives the user...

  10. HTML Element: address

    HTML Element: address

    Tutorial Beginner

    The HTML address element represents the contact information for a person or organization associated with the document. It shouldn’t be used for arbitrary...

  11. HTML Element: article

    HTML Element: article

    Tutorial Beginner

    The article element represents a section of content that is self-contained and can be independently distributed or reused. It typically contains a heading...

  12. How to Make Interactive Components in Figma

    How to Make Interactive Components in Figma

    Tutorial Beginner

    A successful UX design considers dynamic components. In this tutorial I’ll show you a simple way to make interactive components in Figma.