Web Design

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 Content:

Filters

Content Strategy

ChatGPT4 Wrote This Web Design Tutorial

Tutorial • Beginner

Curious about what sort of coding capabilities ChatGPT has? Today, we put them to the test by getting ChatGPT to write a web design tutorial.

Brenda Barron • 10 Aug 2023
JavaScript for Designers

Write Your Own Password Validation with JavaScript

Tutorial • Advanced

In this tutorial, we’ll write our very own password validation. It will include features such as toggling password display, matching a confirm password...

Jemima Abu • 9 Aug 2023
HTML

Using the Popover API: Native Modals for the Web

Tutorial • Beginner

In this tutorial, you’ll learn how to use the Popover API, a versatile new tool in Chromium 114 for creating dynamic and customizable popovers.

Andy Leverenz • 8 Aug 2023
HTML

HTML Element: datalist

Tutorial • Beginner

The datalist element contains a set of option elements representing predefined options for other input elements. You can use it with the input element, whose...

Andy Leverenz • 7 Aug 2023
Design Theory

Handle Design Projects Like a Pro with a Client Onboarding Process

Tutorial • Beginner

The onboarding process takes place after you’ve vetted a prospect and before you begin working on a new project. In this post, we’ll cover the 6 steps to...

Suzanne Scacca • 4 Aug 2023
UI Design

6 Figma Mockup Plugins for Designers

Tutorial • Beginner

Plugins are a great tool to save time and even automate some design tasks. In this article we'll look at the six of the best Figma plugins for mockups.

Janila Castañeda • 3 Aug 2023
CSS

CSS Property: padding

Tutorial • Beginner

The padding property in CSS allows you to control the space between the content of an element and its border. It acts as a cushion, giving your content some...

Ian Yates • 2 Aug 2023
JavaScript for Designers

6 Coding Languages You Need to Learn to Get Into Machine Learning

Tutorial • Beginner

Thinking about getting into machine learning? There is a learning curve and starting now is your best bet. Learn which programming languages to prioritize...

Brenda Barron • 2 Aug 2023
SEO

Is AI an SEO Killer?

Tutorial • Beginner

AI may be all the rage, but can it really take out SEO? Let's take a look and how we got here and what the future holds.

Brenda Barron • 1 Aug 2023
CSS

CSS Property: background

Tutorial • Beginner

The CSS background property is like the wallpaper of an element—it lets you choose the visual backdrop that sets the mood and tone for your content.

Ian Yates • 29 Jul 2023
UI Design

14 Quiz, Survey, and Contest Graphic Templates for Engaging Users

Tutorial • Beginner

You can save a lot of time boosting user engagement by using quizzes, surveys, and contests. And we've put together a list of some of our favorite graphic...

Brenda Barron • 27 Jul 2023
WordPress Themes

How to Set Up a WordPress Development Environment

Tutorial • Beginner

Do you need to set up a WordPress development environment? Are you unsure of where to even begin? Learn how in this tutorial!

Daniel Strongin • 26 Jul 2023