15 Helpful Web Design Lessons You Can Learn from YouTube
“Perfection is not a destination; it is a continuous journey.” – Brian Tracy
Video is one of the greatest ways to learn something, as it’s a great visual method to see the accomplished results right away. A well-done video tutorial can give you some new ideas on how to do something you don’t know or learn great first-hand tips from professionals, most of the time for free!
Today I’d like to bring to your attention to 15 really helpful web design lessons you can find on YouTube, created by other design enthusiasts.
Recommmended Reading: Web Design: 20 Hottest Trends To Watch Out For In 2014
In this DesignModo tutorial, you’ll get to learn how to create a website in Photoshop using flat UI elements. The video is highly detailed, so even newbies can easily create a website with this guide.
Create a cool flat portfolio website design with this video manual. It shows the viewer how to create a site according to the sections, such as header, services and footer, among others. Also, you’ll be able to create a grid-shaped portfolio block with horizontal scrolling.
This video tutorial is a sped-up version of a Shazam website redesign that incorporates flat UI design. Great for those who would like to see the process in action.
If you do choose to go the flat design route, you’ll need to streamline your whole website to complement each other. This step-by-step YouTube guide gives you the foundation needed for creating a simple flat login form.
This is the first part of two videos about the basics of HTML. It acts as a great starting point as it leads you through the essentials of the HTML5 language and the programs you should use.
Not quite sure about responsive web design but itching to learn more? This is one of the best explanations on the topic and is also a quick tutorial on creating your own responsive website.
If you want to learn how to convert a Photoshop file into a HTML and CSS format then this is the video for you! The first in a series of three videos, this provides details on image compression types.
The web is filled with all sorts of different tutorials on how to create a webpage layout. This is a great guide for anyone as it contains handy tips and tricks framed into a helpful and informative video.
This is a perfect video showing the ins and outs of Single Page Applications. It covers Web app, Model-View-Controller, MVVM and Knockout.js.
This is an entertaining and useful guide on how to create a simple blog style WordPress site that’s also “super mobile friendly”. The main principles and tricks of WordPress are highlighted here.
With this guide, you can create a responsive website from scratch using HTML5/CSS3. It’s a bit long as it lasts for more than an hour but it is extremely comprehensive.
This expedited video lesson lasts for just 3 minutes. It is great for those who want a quick tutorial on how to create an awesome modern website design with flat style and an image slider in the header.
Whatever your feelings about it, parallax scrolling is a unique tool to have when browsing through a website. Watch this video tutorial to understand how you can enable this on your own website with ease.
Even though these videos were made back in 2009, they’re still useful for learning the basics of HTML and designing your very first website. The set contains 6 video lessons about colors, fonts, backgrounds, images and layouts, links and menu bars, and also how to get your website up and running online.