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. How to Make an Animated Bubble Chart With CSS

    How to Make an Animated Bubble Chart With CSS

    Tutorial Beginner

    We've covered plenty of techniques for developing different types of charts using CSS or/and JavaScript. Today, I’ll show you how to make a bubble chart with...

  2. WordPress Pingbacks: Everything You Should Know

    WordPress Pingbacks: Everything You Should Know

    Tutorial Beginner

    A pingback in WordPress refers to an automated system where you get notified if someone links to one of your blog posts from their website. This tutorial...

  3. Best WordPress Translation Plugins: Free and Paid

    Best WordPress Translation Plugins: Free and Paid

    Tutorial Beginner

    These popular translation plugins for WordPress make it easy to translate your website into different languages so you can reach a wider audience.

  4. 10 Useful Webflow Integrations for Your Website

    10 Useful Webflow Integrations for Your Website

    Tutorial Beginner

    Where the Webflow editor may be lacking in terms of features and functionality, Webflow integrations more than make up for it. Here are 10 of the best.

  5. 5 Best Security Plugins for WordPress

    5 Best Security Plugins for WordPress

    Tutorial Beginner

    In this article, we’ll take a look at the five best WordPress security plugins and review their features, pros and cons, and capabilities.

  6. How to Code an Accessible JavaScript Accordion Component

    How to Code an Accessible JavaScript Accordion Component

    Tutorial Intermediate

    In this tutorial, we’ll be creating an accessible accordion block component using vanilla JavaScript, that allows a user to toggle collapsible content.

  7. Figma Components: From Zero to Hero | FREE COURSE

    Figma Components: From Zero to Hero | FREE COURSE

    Tutorial Beginner

    Figma is a fantastic way to create UI design and by making use of components, you stand to save a lot of time and effort. This course walks you through...

  8. 10+ Best Directory Plugins for WordPress

    10+ Best Directory Plugins for WordPress

    Tutorial Beginner

    Directories are a popular and profitable kind of website. They contain a large amount of data in the form of product and service listings under different...

  9. Input Element Pseudo-Classes to Improve User Experience

    Input Element Pseudo-Classes to Improve User Experience

    Tutorial Beginner

    This tutorial will show you how to use pseudo classes available for form input elements. You can use these classes to select valid, invalid, required, or...

  10. Local Storage and Session Storage in JavaScript

    Local Storage and Session Storage in JavaScript

    Tutorial Beginner

    This tutorial will show you how to use local storage and session storage in a browser with JavaScript using the Web Storage API.

  11. How to Stop Search Engines From Indexing Your Site

    How to Stop Search Engines From Indexing Your Site

    Tutorial Beginner

    In this article, I'll walk you through the processes for stopping search engines from finding and indexing your WordPress website.

  12. 8 Common WordPress Issues and Vulnerabilities (And How to Fix Them)

    8 Common WordPress Issues and Vulnerabilities (And How to Fix Them)

    Tutorial Beginner

    In this article, I'll go over eight common WordPress vulnerabilities and explain how each of them can be mitigated.