DesignCourse Courses

HTML and CSS Tutorial for 2021 - Complete Crash Course

Comprehensive HTML and CSS tutorial covering responsive design, from basic structure to advanced styling. Includes hands-on project and mobile navigation implementation.

• YouTube
• 2 hours 18 minutes
• On-Demand
• Free Video

Building an Awesome Button Micro-interaction - Frontend Dev

Create an engaging button micro-interaction using HTML, CSS, and JavaScript with GSAP. Learn frontend development techniques to bring a prototype design to life in the browser.

• YouTube
• 32 minutes
• On-Demand
• Free Video

Learn Adobe XD by Example

Comprehensive Adobe XD tutorial covering UI/UX design, prototyping, and responsive layouts. Learn key features while creating a fictional business interface.

• YouTube
• 1 hour 57 minutes
• On-Demand
• Free Video

The Figma Crash Course by Example

Learn Figma for UI/UX design: create multi-page websites with interactions and animations. Covers layout, prototyping, hover effects, and smart animate in a practical, hands-on approach.

• YouTube
• 1 hour 12 minutes
• On-Demand
• Free Video

Designing & Building a Personal Portfolio from Scratch

Learn to design and build a personal portfolio website from scratch, covering UI/UX, frontend development, and deployment in this comprehensive tutorial.

• YouTube
• 1 hour 58 minutes
• On-Demand
• Free Video

Animating SVG with the Awesome GSAP

Learn to animate SVG using GSAP 3.0 for a dynamic landing page. Master frontend techniques to create engaging, responsive web designs with professional-grade animations.

• YouTube
• 30 minutes
• On-Demand
• Free Video

Building a Real Web Component from Scratch - Tutorial

Learn to create a customizable tooltip web component from scratch, encapsulating HTML, CSS, and functionality for use in any project or platform. Gain practical skills in building reusable UI elements.

• YouTube
• 36 minutes
• On-Demand
• Free Video

The Shopify Bootcamp for Complete Newbies

Comprehensive guide to setting up a Shopify store: domain registration, account creation, product listing, theme selection, logo design, and customization for beginners.

• YouTube
• 57 minutes
• On-Demand
• Free Video

Complex SVG Animations Made Simple with JavaScript

Learn to create complex SVG animations using JavaScript, from project overview to final implementation. Covers SVG logo design, HTML/CSS setup, and JavaScript animation techniques.

• YouTube
• 22 minutes
• On-Demand
• Free Video

This Horizontal Scroller Is So Satisfying

Create a satisfying horizontal scroller with morphing elements using HTML, CSS, and JavaScript. Learn frontend techniques for impressive interactive web designs.

• YouTube
• 18 minutes
• On-Demand
• Free Video

How to Create an Awesome Horizontal Scroller

Learn to create an engaging horizontal scroller layout using JavaScript, GSAP, and Lenis smooth scroll. Master advanced frontend techniques for interactive and visually appealing web designs.

• YouTube
• 19 minutes
• On-Demand
• Free Video

Wix Studio Crash Course - Build a Website in Record Time

Learn to build dynamic websites with Wix Studio, covering layout creation, responsive design, animations, AI-powered features, and interactive elements in this comprehensive crash course.

• YouTube
• 41 minutes
• On-Demand
• Free Video

Vector AI Generation in Adobe Illustrator for UI/UX Design

Explore Adobe Illustrator's new Vector AI feature for effortless creation of seamless patterns, subjects, and icons, revolutionizing UI/UX design workflows.

• YouTube
• 21 minutes
• On-Demand
• Free Video

How to Use Figma's New Dev Mode

Explore Figma's Dev Mode and VSCode plugin to streamline design implementation. Learn efficient CSS techniques and enhance your frontend development workflow.

• YouTube
• 19 minutes
• On-Demand
• Free Video

Motion One - A Lightweight JavaScript Animation Library

Explore Motion One, a lightweight JavaScript animation library. Learn project setup, HTML/CSS basics, and create simple and scroll-based animations for engaging frontend designs.

• YouTube
• 17 minutes
• On-Demand
• Free Video