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. How to Create a Chrome Extension With Vanilla JavaScript

    How to Create a Chrome Extension With Vanilla JavaScript

    Tutorial • Intermediate

    This tutorial will cover how to build a minimalistic homepage Chrome extension, with JavaScript, designed to help users stay productive.

  2. Build a Simple Weather App With Vanilla JavaScript

    Build a Simple Weather App With Vanilla JavaScript

    Tutorial • Intermediate

    In today’s tutorial, we’ll learn how to build a weather app that is simple yet fully functional with Vanilla JavaScript. We have a lot of interesting things...

  3. Build a JavaScript Dropdown Filter Component With Shareable URLs

    Build a JavaScript Dropdown Filter Component With Shareable URLs

    Tutorial • Intermediate

    In this new tutorial, we'll learn how to create a JavaScript dropdown filter component where each filtering option will have a unique shareable URL. 

  4. How to Change the Featured Image Size in WordPress

    How to Change the Featured Image Size in WordPress

    Tutorial • Beginner

    Not happy with your theme’s featured image size? In this step-by-step guide, we’ll show you how to find out what the current default size is, change the...

  5. All You Need to Know About Frames in Figma

    All You Need to Know About Frames in Figma

    Tutorial • Beginner

    Figma frames are one of the main assets for design. Make the best of them with this 7-point checklist for frames in Figma!

  6. SVG Viewport and viewBox (For Complete Beginners)

    SVG Viewport and viewBox (For Complete Beginners)

    Tutorial • Beginner

    In this quick tutorial we’re going to break down exactly what viewport and viewBox are in SVG.

  7. Building a Vertical Timeline With CSS and a Touch of JavaScript (Updated)

    Building a Vertical Timeline With CSS and a Touch of JavaScript (Updated)

    Tutorial • Intermediate

    In this tutorial, we’ll learn how to build a responsive vertical timeline from scratch. First, we’ll create the basic structure with minimal markup and the...

  8. How to Redirect a Page or URL in WordPress

    How to Redirect a Page or URL in WordPress

    Tutorial • Intermediate

    In this post, I'll show you how to redirect a page in WordPress. You'll learn how to set up automatic redirects in WP, manual redirects, and wildcard...

  9. How to Create a Typing Test Game with Vanilla JavaScript

    How to Create a Typing Test Game with Vanilla JavaScript

    Tutorial • Beginner

    How many words per minute can you type? In this tutorial you’ll learn how to create a typing test game with JavaScript. The app will feature a timer that...

  10. Learn How to Code a Simple JavaScript Calendar and Datepicker

    Learn How to Code a Simple JavaScript Calendar and Datepicker

    Tutorial • Beginner

    A JavaScript calendar is the best tool to understand date functionalities in JavaScript. This tutorial will create a real-time calendar similar to the one in...

  11. How to Make Line Charts in Pure CSS

    How to Make Line Charts in Pure CSS

    Tutorial • Intermediate

    In this tutorial, we’ll continue our journey into the world of CSS-only charts and go through the creation of line charts.

  12. 15 Top Soft UI and Neumorphic UI Kits

    15 Top Soft UI and Neumorphic UI Kits

    Tutorial • Beginner

    Featuring a sleek, subtle style, neumorphism and soft UIs have been growing in popularity. Want to join in the fun? We’ll show you some terrific UI kits that...

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.