15 Great Web Design Video Tutorials

Whether you are starting a career in web design or just want to build your own website, here are 15 Great Web Design Video Tutorials that will give you the essential tools and techniques you need to create beautiful, intuitive sites using the latest web design technologies.



Building WordPress Themes With Bootstrap

In this course you’re going to learn how to convert a portfolio HTML template into a WordPress theme. Along the way, you’ll learn the basics of WordPress theme development as well as more complex techniques, such as creating custom queries and widgets.

Building WordPress Themes With Bootstrap

WordPress Theme Creation With Underscores

Underscores starter theme, by the makers of WordPress themselves, is designed to give you a “1000 hour head start” on WordPress theme creation. This course will take you the rest of the way to the finish line, with everything you need to know to go from “starter” to a fully fledged WordPress theme.

 WordPress Theme Creation With Underscores

Getting to Know Material Design

This course will introduce you to Material Design, Google’s widely discussed visual language. You’ll learn the definition of material, its properties, and the basic principles of the language. In later lessons, you’ll design a very simple application using Material Design, and to finish up the course you’ll find a quiz to test what you’ve learned.

Getting to Know Material Design

14 Days to Learn Sass

In this course you’ll learn the basics of Sass in 14 days. Each day you’ll learn something new and you will get a small exercise that will help you consolidate your knowledge. The course also provides solutions for all exercises so you can compare the results. This course is for beginners so you don’t need any previous experience with Sass, but you do need experience with CSS since Sass is an extension of it.

 14 Days to Learn Sass

Mobile UI Design for Beginners

This course provides an introduction to designing mobile interfaces. If you’re new to UI design, or creating your first app, it should be a great place to start. Follow me as I design an app interface, and get familiar with the conventions and basic principles of working on mobile apps.

 Mobile UI Design for Beginners

Wireframing With Sketch

Wireframing is something every web designer should do before starting a new project. Whether it’s for a website or a web application, a wireframe allows you to create the proper structure for it in an efficient manner.

 Wireframing With Sketch

Performance Matters: Optimizing Page Load

In this course you’ll learn how to improve web-page performance. We’ll cover what that means, why it’s so important to consider, and how you can optimize your web pages so they perform well.

 Performance Matters: Optimizing Page Load

Rapid Prototyping With Macaw

In this course you’ll learn the basics of rapid prototyping with Macaw. Follow Adi Purdila as he introduces the Macaw toolset and teaches you how to create a simple element library for prototyping. Learn to plan, design, and publish your web projects with minimal effort.

 Rapid Prototyping With Macaw

Practical UI Design With Sketch

Sketch is a really flexible and powerful application for UI design. In this course you’ll learn how to use its tools to create a neat admin user interface. From shapes to artboards and symbols, buttons, colors and typography, we’ll explore a simple and efficient way of building many interface elements.

 Practical UI Design With Sketch

Designing for Mobile eCommerce

Mobile eCommerce is a growing market. It’s worth over $200 billion today and is still rising at a phenomenal rate. More and more companies are optimizing their websites for mobile, so as a web designer you have to stay up-to-date. This course will not only teach you all the basics of mobile eCommerce, but it will also show you the correct way of designing eCommerce websites for mobile.

 Designing for Mobile eCommerce

Essential CSS Libraries for Web Designers

In this course you’ll learn how to use ten essential CSS libraries for web designers, available today. You’ll learn about resets, animations, transitions, and typography related libraries. We’ll be using Bower to manage our projects, making sure that everything stays up to date and is easily maintainable.

 Essential CSS Libraries for Web Designers

Getting Started with Semantic UI

Semantic UI is a well-crafted front-end framework with professional features and a robust API. This course will guide you from start to finish through the process of building a four-page website with a wide range of user interface (UI) elements, using Semantic UI.

 Getting Started with Semantic UI

Bombproof Web Design

Are your websites bombproof? Today’s Internet is a minefield of technology mixing and matching, where a single website can be viewed in hundreds of different ways. If you’re not prepared, your sites just might explode! In Bombproof Web Design you’ll learn the keys to creating websites your visitors will love no matter how they access the internet. Let’s begin!

 Bombproof Web Design

WordPress Admin Customization

WordPress is a great content management system, and the variety of themes available makes it one of the most versatile and customizable platforms out there. But most themes only affect the way the front-end looks and behaves. Is it possible to customize the back-end? The answer is yes, and that’s what you’ll be learning in this course.

 WordPress Admin Customization

Responsive Web Design Revisited

In this course you’ll get up to speed with the very latest in Responsive Web Design. First you’ll learn what “responsive” really means today, and how a new “content first” approach lets you cater for all types of users from the ground up. Then you’ll create a complete responsive design using all the latest techniques.

 Responsive Web Design Revisited

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.