60 Second Video Tutorials

Comprehensively introducing anything in sixty seconds is a tough challenge, but that’s exactly what we’re doing with this series! Each of these video tutorials introduces you to a subject, offering just enough explanation to whet your appetite and get you hooked.

Grab a coffee and see how many of these you can watch during your break!

Posts in this series

CSS Preprocessors in 60 Seconds
CSS Preprocessors do a number of things and can massively improve your workflow–this is a quick fire explanation of CSS Preprocessors, in 60 seconds!
Adi Purdila
18 Jun 2015
Preprocessors
Bower in 60 Seconds
Bower is a package manager (which helps organize your front-end development). This is a rapid fire explanation of how you use it, in 60 seconds!
Adi Purdila
24 Jun 2015
Bower
Building a WordPress Theme in 60 Seconds
Creating a basic WordPress theme can be easier than you might think. Here’s how, in 60 seconds!
Kezz Bracey
6 Jul 2015
WordPress
Jade in 60 Seconds
Jade is a language which compiles into HTML. There are three standout reasons to use it, which we’ll cover in 60 seconds!
Kezz Bracey
16 Jul 2015
Jade
HTTP Status Codes in 60 Seconds
When browsers send requests to servers, they receive in return HTTP status codes. Here’s an overview of those codes, in 60 seconds!
Kezz Bracey
22 Jul 2015
HTTP
Three Local Site Preview Methods in 60 Seconds
Here are three ways to setup local website previews, in 60 seconds! First, we’ll look at Prepros. Then we’ll use BrowserSync with Gulp. Lastly, we’ll look at...
Kezz Bracey
29 Jul 2015
XAMPP
Color for Attention and Depth in 60 Seconds
The colors you choose in your designs can give the illusion of depth, making important things seem closer to the viewer and more likely to catch the eye....
Kezz Bracey
17 Nov 2015
Color Theory
Troubleshooting WordPress in 60 Seconds
WordPress site problems can have many causes, but even so, a few basic steps will help you catch most of them. Here’s how to troubleshoot WordPress sites in...
Kezz Bracey
25 Nov 2015
WordPress
Your First HTML Document in 60 Seconds
Creating your first HTML document is one of the most satisfying moments for any new web designer. Here’s how to do it in 60 seconds!
Kezz Bracey
2 Dec 2015
HTML
Designing for Business Goals in 60 Seconds
For business websites, the goal is getting visitors to take action. In this tutorial you’ll learn how to design for business goals in sixty seconds!
Kezz Bracey
17 Feb 2016
Landing Pages
AMP in 60 Seconds
The AMP project is an open source initiative backed by Google, with the goal of making websites faster. Here’s what it is, in sixty seconds!
Kezz Bracey
30 Mar 2016
AMP
Troubleshoot a Website in 60 Seconds
Troubleshooting websites can be complex, but you can start with the same basics every time. Here’s how, in sixty seconds!
Kezz Bracey
9 May 2016
Web Design
Color in 60 Seconds: Tints, Tones and Shades
Tints, tones and shades are terms you’ll hear used when discussing color. A “tint” is the result of mixing a color with white. A “shade” is the resultant...
Adi Purdila
16 May 2016
Color Theory
Color in 60 Seconds: Complementary Colors
The term “complementary colors” refers to a pair of colors which are opposite one another on the color wheel. Let’s take a look, in sixty seconds!
Adi Purdila
13 Jul 2016
Color Theory
Color in 60 Seconds: Analogous Colors
Analogous colors sit next to one another on the color wheel. Learn more about them in sixty seconds!
Adi Purdila
19 Jul 2016
Color Theory
Color in 60 Seconds: Triadic Colors
A “triadic” color scheme uses three colors equally spaced around the color wheel. Here’s more about them, in sixty seconds!
Adi Purdila
21 Jul 2016
Color Theory
Atom in 60 Seconds: 3 Must-Have Plugins
“Atom” is my code editor of choice, and one of the reasons for that is its support for third-party plugins. Here are my top three, in sixty seconds!
Adi Purdila
26 Jul 2016
Atom
Atom in 60 Seconds: 3 Beautiful Themes
One of the great things about the Atom code editor is how easy it is to customize. Here are my top three Atom themes, in sixty seconds!
Adi Purdila
28 Jul 2016
Atom
Atom in 60 Seconds: Working With Snippets
Snippets allow you to write a keyword and then expand it into a predefined piece of code. Here are some of my favorite Atom snippets, in sixty seconds!
Adi Purdila
2 Aug 2016
Atom
Sketch Mirror in 60 Seconds
Sketch has a great feature called “Mirror” which allows you to preview, real-time, your work on an iPhone, iPad, or a browser. Let’s take a look at its...
Adi Purdila
4 Aug 2016
Sketch
Start Learning Web Design in 60 Seconds
When you want to become a web designer, knowing where to begin can be hard. So here’s how to start learning web design, in sixty seconds!
Kezz Bracey
9 Aug 2016
How to Learn
Setting Up Jekyll for GitHub Pages in 60 Seconds
Jekyll can be used with GitHub Pages to create simple, blog-aware, static websites. This video will show you how to setup the bare-bones Jekyll flat file...
CJ Melegrito
19 Sep 2016
Jekyll
Adobe XD in 60 Seconds
Adobe XD allows you to design and prototype for apps; anything from wireframes, to multiscreen experiences. Let’s see what it offers, in sixty seconds!
Daniel White
17 Oct 2016
Adobe XD
Create a “Coming Soon” Page in 60 Seconds
Let’s check out how to make a “Coming Soon” page using the Timex HTML template from Themeforest.
Kezz Bracey
21 Nov 2016
Landing Pages
Create a Lo-fi UI Prototype in 60 Seconds
Let’s create a Lo Fi Prototype, in sixty seconds, using the MadKit Sketch UI kit from Themeforest!
Kezz Bracey
29 Nov 2016
Prototyping