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:

  1. How to Build a Pure CSS Loading Animation (With Keyframes)

    How to Build a Pure CSS Loading Animation (With Keyframes)

    Tutorial Beginner

    Animations are a great way to make a website more interesting. In this tutorial, we’ll be building a loading animation on a webpage using CSS keyframes.

  2. How to Make a Block Pattern for Easy Layouts in WordPress

    How to Make a Block Pattern for Easy Layouts in WordPress

    Tutorial Beginner

    Making your own block patterns is a great time saver for WordPress development. Here, we talk about what block patterns are, how they work, and how you can...

  3. The Best JavaScript Scroll Header Effects Tutorials on Tuts+

    The Best JavaScript Scroll Header Effects Tutorials on Tuts+

    Tutorial Beginner

    Interested in some inspiration for creative header effects on scroll? I’ve got you covered! Today we’ll explore the best Javascript-driven scroll header...

  4. How to Build a CRUD Web Application with Vanilla JavaScript

    How to Build a CRUD Web Application with Vanilla JavaScript

    Tutorial Intermediate

    In this tutorial, we’ll be building a CRUD application in the form of a note taking app. We’ll also explore how to use local storage to save notes in our...

  5. Best Ways to Preload Images Using JavaScript, CSS, and HTML

    Best Ways to Preload Images Using JavaScript, CSS, and HTML

    Tutorial Beginner

    This tutorial will show you three different methods of preloading images. We will also learn the pros and cons of these methods.

  6. 19 Best HTML5 and JavaScript Game Engines and Templates

    19 Best HTML5 and JavaScript Game Engines and Templates

    Tutorial Beginner

    Do you want to code an online game? You're in luck—this is a great time for any online game developer and those aspiring to be online game developers. HTML5...

  7. 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...

  8. 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...

  9. 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.

  10. 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.

  11. 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.

  12. 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.