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!

Read moreRead less
All content
Courses
Tutorials

All Web Design tutorials:

  1. Build a “button-to-modal” animation with GSAP

    Build a “button-to-modal” animation with GSAP

    Tutorial • Intermediate

    In this new tutorial, we’ll be working with GSAP, learning how to create an easy-to-follow, attractive, button-to-modal animation.

  2. How to build horizontal marquee effects with GSAP

    How to build horizontal marquee effects with GSAP

    Tutorial • Intermediate

    Let me show you how to create infinite marquees with the GSAP JavaScript animation library. This is a common UX pattern I’m sure you’ve seen on plenty of sites.

  3. How to build a Connect Four game in HTML, CSS, and Vanilla JavaScript

    How to build a Connect Four game in HTML, CSS, and Vanilla JavaScript

    Tutorial • Intermediate

    Follow along and learn how to build a fully functioning Connect Four game in HTML, CSS and Vanilla JavaScript.

  4. 27 best WordPress magazine themes for blog and news websites in 2025

    27 best WordPress magazine themes for blog and news websites in 2025

    Tutorial • Beginner

    If you want to build a professional-looking blog or news website, this collection of the best WordPress magazine themes, updated for 2024, will help you...

  5. Build a website page configurator with CSS & JavaScript

    Build a website page configurator with CSS & JavaScript

    Tutorial • Intermediate

    In this new tutorial, you’ll learn how to build a flexible website page configurator to customize the page UI on the fly. 

  6. Make your own URL shortener in JavaScript

    Make your own URL shortener in JavaScript

    Tutorial • Beginner

    Have you ever wondered how those short URLs in social media bios are made? In today’s digital world, long URLs can look unappealing, especially in places...

  7. Create a slot machine game in vanilla JavaScript

    Create a slot machine game in vanilla JavaScript

    Tutorial • Beginner

    Let me show you how to create a slot machine game in JavaScript. Play along, spin the wheels, and win some “money” if you are lucky!

  8. Get ready for the European Accessibility Act in 2025: Check your code and design

    Get ready for the European Accessibility Act in 2025: Check your code and design

    Tutorial • Beginner

    As 2025 approaches, the European Accessibility Act (EAA) is set to change the way businesses and designers think about websites and digital content. Whether...

  9. How to create animated snow on a website (with CSS and JavaScript)

    How to create animated snow on a website (with CSS and JavaScript)

    Tutorial • Beginner

    In this tutorial, we’re going to implement an animated snow effect on a webpage using CSS and vanilla JavaScript, just in time for the holiday season.

  10. 6 reasons for website downtime (+ how to resolve it)

    6 reasons for website downtime (+ how to resolve it)

    Tutorial • Beginner

    Are you experiencing website downtime and want to know how you can fix it? If so, you’re in the right place!

  11. 15+ of the best WordPress plugins for your website (free and paid)

    15+ of the best WordPress plugins for your website (free and paid)

    Tutorial • Beginner

    One of the best things about WordPress is the universe of custom plugins that you can install for it. No matter what you want your website to do, you're sure...

  12. Create a breakout game with HTML, CSS, and vanilla JavaScript

    Create a breakout game with HTML, CSS, and vanilla JavaScript

    Tutorial • Intermediate

    Let’s create a Breakout game using Vanilla JavaScript. In a Breakout game, the player uses a paddle to bounce a ball and hit bricks, removing the bricks one...

Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.