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 less

All content

Courses

Tutorials

All Web Design tutorials:

English

HTML

HTML (Hypertext Markup Language)

Tutorial • Beginner

HTML is the structural coding language we use to build web pages. Some people refer to HTML as being the “building blocks of the web”. Here’s what it means...

Ian Yates • 4 Oct 2023
HTML

HTML Element: img

Tutorial • Beginner

The HTML img element is one of the first elements developers learn, and it’s used to embed images in web documents. It is an empty element and contains...

Andy Leverenz • 4 Oct 2023
HTML

HTML Element: figure

Tutorial • Beginner

The HTML figure element is used to encapsulate media such as images, diagrams, photos, and code snippets.

Andy Leverenz • 4 Oct 2023
WordPress CMS

How to Link Your WordPress Site With Your Mailchimp Mailing List (and Get More Signups)

Tutorial • Beginner

Learn how to gather newsletter signups in your WordPress site and send them to Mailchimp automatically.

Rachel McCollin • 4 Oct 2023
HTML Templates

15+ Best Laravel, HTML & Rails Templates for Your Web App

Tutorial • Beginner

Before you create your next web app admin panel, check out this collection of the best templates for Laravel, Rails, and HTML that can help you out along the...

Brenda Barron • 3 Oct 2023
Web Design

How to Create a Multilingual Website: A Step-by-Step Guide

Tutorial • Beginner

Creating a multilingual website goes beyond just translating your site and calling it a day. Here, we'll walk you through the process.

Brenda Barron • 2 Oct 2023
User Testing

How to Prepare and Use an Affinity Diagram

Tutorial • Beginner

“Affinity diagrams” are a UX designer’s tool, used to capture and synthesise qualitative data. This tutorial will look at preparation, recruitment, building...

Joel • 28 Sep 2023
WordPress Themes

2 Ways to Create and Display Footer Widgets in WordPress

Tutorial • Intermediate

In this tutorial, we'll start with a static demo from a previous tutorial, convert it to a WordPress theme, and then examine two ways to add dynamic content...

George Martsoukos • 28 Sep 2023
UI Design

Using Neumorphism in UI Design? Keep it Accessible

Tutorial • Beginner

Creating a neumorphism UI could make for an interesting look for your website or app. But how should you go about it? Let’s explore.

Brenda Barron • 27 Sep 2023
WordPress Themes

25+ Best Spa and Beauty Salon WordPress Themes for 2023 (Free and Premium)

Tutorial • Beginner

Need to make a spa, salon or beauty website quickly? Use the best salon WordPress themes specifically designed for beauty and spa websites. We’ve curated the...

Brenda Barron • 26 Sep 2023
CSS

2 Ways to Build a Sticky Footer (Flexbox and CSS Grid)

Tutorial • Intermediate

In this short tutorial, we’ll cover two quick ways to create a sticky footer with CSS—a component that will sit at the page’s bottom no matter the page’s...

George Martsoukos • 25 Sep 2023
Email Templates

20+ Best Mailchimp Responsive Templates for Mobile Email

Tutorial • Beginner

Before you start a new email marketing campaign, it's vital you have the right mobile email template on hand. This collection of Mailchimp responsive and...

Brenda Barron • 22 Sep 2023