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 Recreate the Mac Dynamic Wallpaper on Your Website
In this JavaScript tutorial, we'll be creating a dynamic wallpaper to display a different background image and greeting on our website based on the time of...
Jemima Abu
15 May 2023
Wallpapers
Google Analytics 4 Setup Tutorial
A guide to creating your new GA4 (Google Analytics 4) property, migrating from UA, and installing the tracking tag on WordPress, Wix, Webflow, and...
Suzanne Scacca
11 May 2023
Google Analytics
HTML Element: abbr
The abbr element helps provide a concise and consistent way of representing abbreviations and acronyms throughout a website. It also gives the user...
Andy Leverenz
9 May 2023
HTML
HTML Element: address
The HTML address element represents the contact information for a person or organization associated with the document. It shouldn’t be used for arbitrary...
Andy Leverenz
9 May 2023
HTML
HTML Element: article
The article element represents a section of content that is self-contained and can be independently distributed or reused. It typically contains a heading...
Andy Leverenz
9 May 2023
HTML
How to Make Interactive Components in Figma
A successful UX design considers dynamic components. In this tutorial I’ll show you a simple way to make interactive components in Figma.
Janila Castañeda
8 May 2023
Figma
Start Using Quotation Marks the “Correct” Way
Quotation marks, speech marks, inverted commas; whatever you call these forms of punctuation, you might well be using them incorrectly. Let’s take a quick...
Ian Yates
4 May 2023
Typography
Give Yourself to the Dark Side (of Web Design, on Star Wars Day)
Feel like joining the dark side right now? You're not alone! Read on to find out why it offers more than just a fashion statement, plus 15+ of the best dark...
Hermione Wright
4 May 2023
Trends
How to Use the HTML “base” Tag
The base tag in HTML is a relatively little known element, but it enables you to do two things: set any URL you choose as the base for all relative URLs, and...
Kezz Bracey
3 May 2023
HTML
HTML Element: aside
The aside element represents a page section containing relatable, yet separate content from the page it’s on. You might commonly refer to these as “sidebars“...
Andy Leverenz
3 May 2023
HTML
HTML Element: footer
The footer element represents a footer for its nearest ancestor sectioning content element (like an article element) or for the body element if there is no...
Andy Leverenz
3 May 2023
HTML
HTML Element: base
The HTML base element provides the base URL for all relative URLs within a document. It’s usually placed inside the head section and should appear only once...
Andy Leverenz
3 May 2023
HTML