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!

Read moreRead less
All content
Courses
Tutorials

All Web Design tutorials:

  1. 20+ Best Moodle Themes for Your LMS Website

    20+ Best Moodle Themes for Your LMS Website

    Tutorial • Beginner

    Using a Moodle theme makes it so much easier to create a fantastic LMS website for offering educational content, online classes, and more.

  2. 20+ Elementor Product Page Templates for WordPress (Shopping & eCommerce)

    20+ Elementor Product Page Templates for WordPress (Shopping & eCommerce)

    Tutorial • Beginner

    Here’s our pick of the best 20 premium Elementor product page templates for WordPress—perfect for your eCommerce website.

  3. 13 Best AI Plugins for WordPress and WooCommerce for 2025

    13 Best AI Plugins for WordPress and WooCommerce for 2025

    Tutorial • Beginner

    In 2024, make it your goal to integrate artificial intelligence into your website using AI plugins for WooCommerce and WordPress from CodeCanyon and watch...

  4. Phases of the JavaScript Event Lifecycle

    Phases of the JavaScript Event Lifecycle

    Tutorial • Intermediate

    Learn more about the three different phases of JavaScript events. This post covers the capturing, target, and bubbling phases.

  5. What is the Microinteractions Web Design Trend?

    What is the Microinteractions Web Design Trend?

    Tutorial • Beginner

    Read on to find out what microinteractions actually are, why they matter, best practices, as well as 15+ stand-out WordPress templates with UX interaction...

  6. Comparing AI-Based Prototyping Tools: Which One Is Right for Your Web Design Project?

    Comparing AI-Based Prototyping Tools: Which One Is Right for Your Web Design Project?

    Tutorial • Beginner

    Prototyping tools that integrate AI tech for web design projects are emerging left and right. Let’s explore how they stack up when compared.

  7. How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images

    How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images

    Tutorial • Beginner

    In this tutorial we’ll see what the srcset and sizes attributes can do, how to use them with an img or picture element, and how to know which combination is...

  8. Building a Horizontal Timeline With CSS and JavaScript

    Building a Horizontal Timeline With CSS and JavaScript

    Tutorial • Intermediate

    In this tutorial, we’ll learn how to build a responsive horizontal timeline from scratch. First, we’ll create the basic structure with minimal markup and the...

  9. 35 Best Coaching & Consulting WordPress Themes for 2025

    35 Best Coaching & Consulting WordPress Themes for 2025

    Tutorial • Beginner

    If you’re a consultant or coach, you need to check out these eye-catching consulting WordPress themes perfectly suited for your line of work.

  10. How to Hire a WordPress Web Designer

    How to Hire a WordPress Web Designer

    Tutorial • Beginner

    Are you in need of a WordPress designer? Not sure how to hire a WordPress designer? In today's digital landscape, having a professionally designed website is...

  11. How to Take Time Off Without Losing Revenue or Clients

    How to Take Time Off Without Losing Revenue or Clients

    Tutorial • Beginner

    Find yourself feeling guilty or stressed about taking time off from your design work? Here are 7 tips to help you step away from the screen and minimize the...

  12. How to Code a Custom Mailchimp Popup Form

    How to Code a Custom Mailchimp Popup Form

    Tutorial • Beginner

    In this tutorial, we’ll learn how to customize Mailchimp’s embedded form and include it within a custom JavaScript modal popup.

Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.