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. HTML Element: meta

    HTML Element: meta

    Tutorial Beginner

    The HTML meta element is a metadata tag used to provide structured information about the document, such as character encoding, authorship, and viewport...

  2. 15+ Best Hosting HTML Website Templates

    15+ Best Hosting HTML Website Templates

    Tutorial Beginner

    Before you even think about launching a website for your hosting business, be sure to select a top-notch website template. This curated collection of our...

  3. 12 Best Food Recipes HTML Templates for Culinary Blogs

    12 Best Food Recipes HTML Templates for Culinary Blogs

    Tutorial Beginner

    Looking to spice up your food blog or start a culinary journey online? Discover the 12 best HTML templates that will make your recipes and cooking tips...

  4. Best Modern Shopify Website Templates for Your Online Store in 2025

    Best Modern Shopify Website Templates for Your Online Store in 2025

    Tutorial Beginner

    Don’t let your online store look out-of-date and out-of-touch. Use one of the best Shopify website templates to push your shop into 2024 and beyond!

  5. 11 Trending Figma AI Plugins Every Designer Should Try

    11 Trending Figma AI Plugins Every Designer Should Try

    Tutorial Beginner

    Explore hundreds of Figma AI plugins with our handy guide! Enhance efficiency and quality by integrating AI into your workflow for automated design element...

  6. HTML Element: select

    HTML Element: select

    Tutorial Beginner

    The HTML select element is the classic dropdown most often seen in forms. It allows users to select something from a set of options. Multiple options can be...

  7. How to Design for a Voice User Interface (VUI)

    How to Design for a Voice User Interface (VUI)

    Tutorial Beginner

    Planning and designing for a voice user interface requires adept planning and seeing the big picture. This guide will help you find your way through building...

  8. Top 5 WordPress Alternatives to Elementor

    Top 5 WordPress Alternatives to Elementor

    Tutorial Beginner

    There are several WordPress page builders that offer comparable features to Elementor and deserve your attention too. Let’s look at 5 of the best!

  9. Create Step-by-Step SVG Sprites in WordPress

    Create Step-by-Step SVG Sprites in WordPress

    Tutorial Beginner

    Today, I’ll cover two ways to work with SVG Sprites in a WordPress theme: including an SVG in the document and using an external SVG file.

  10. HTML Element: li

    HTML Element: li

    Tutorial Beginner

    The li element in HTML stands for “list item” and is used to define individual items within ordered and unordered lists.

  11. HTML Element: ul

    HTML Element: ul

    Tutorial Beginner

    The ul element in HTML stands for “unordered list” and is used to create lists of items where the order of items doesn’t matter.

  12. HTML Element: picture

    HTML Element: picture

    Tutorial Beginner

    The HTML picture element is used for specifying a series of images on web pages, giving us detailed control for responsive design.