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 motion 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 newsletters 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

How to Manage Your Web Design Business with Squarespace
Are you a Squarespace designer or thinking about becoming one? Learn how to put this platform to work for your business.
Suzanne Scacca
2 Dec 2022
Squarespace
What is Mailster?
Mailster is an email campaign tool, run from right inside WordPress. It’s a great way to manage your newsletters without using one of the major email...
Franc Lucas
1 Dec 2022
Email Marketing
Build a Multilevel Animated Mobile Menu With JavaScript
In this tutorial, we'll discuss how to create a three-level deep (multilevel) sliding mobile menu with pure JavaScript.
George Martsoukos
30 Nov 2022
JavaScript
How to Update Your WordPress Theme (Free or Paid)
Need to update your WordPress theme but don't know how? Not sure if you have to update free or paid themes differently? In this article, we'll discuss the...
Daniel Strongin
29 Nov 2022
WordPress Themes
Understanding Visual Hierarchy in Web Design
Visual hierarchy is a key principle behind effective web and UX design. In this article we'll cover the theory behind it and go over basic exercises to put...
Brandon Jones
29 Nov 2022
Design Theory
What is the Glassmorphism Web Design Trend?
You haven’t heard of Glassmorphism? Think again. Read on for more info about this fast-growing trend and some tips and tricks for incorporating it into your...
Hermione Wright
28 Nov 2022
Web Design
How to Pass PHP Data and Strings to JavaScript in WordPress
If you are including a JavaScript library, and you've found yourself initializing a JavaScript object inside your header.php and then assigning data to its...
Benjamin Intal
28 Nov 2022
Theme Development
How to Create a Figma Design System
Let’s create a design system using Figma. In this tutorial we’ll focus on the style elements needed to start building a functional design system.
Janila Castañeda
24 Nov 2022
Figma
How to Build a TODO App With Vanilla JavaScript (and Local Storage)
In this tutorial, we’ll enhance our front-end skills by learning to build a “handmade” TODO app. To create it, we won’t take advantage of any JavaScript...
George Martsoukos
24 Nov 2022
JavaScript
How to Build a JavaScript Countdown Timer
In this tutorial, we’ll be implementing a timer to countdown to a specific date or time using vanilla JavaScript. We’ll also implement a feature to display...
Jemima Abu
23 Nov 2022
timer
15+ Best Figma Design System Templates 2023
If you can save time on a project, you should do it. Making use of Figma design system templates is exactly one way to do just that. Here, we've collected...
Brenda Barron
23 Nov 2022
Figma
Build an HTML Email Template From Scratch
The best way to understand any process is to carry it out yourself, from the ground up. Today, we’re going to do just that with email design, by building an...
Nicole Merlin
22 Nov 2022
Email Design