One of the most common patterns in web design is a navbar with a multi-level dropdown menu. While this is relatively simple to create, it’s still problematic...

Gulp is a tool that can be of great help to any web designer, but it can be intimidating for beginners. In this course you’re going to learn what Gulp is,...

Creating a good WordPress theme means more than just good aesthetics and well-written code. It must also be well documented, especially if you’ll be handing...

Foundation 6.4 brought us a new grid system called the XY grid. It’s based on the awesome Flexbox layout module, and it’s super easy to use. In this course...

Foundation is an amazing collection of frameworks by itself, but its creators at ZURB have taken things one step further by releasing a build system called...

Anime.js is a small but powerful JavaScript animation engine. In this course you’ll learn the basics of this library, and you’ll also build a simple “Formula...

Foundation Building Blocks are coded UI components that can be used in any ZURB Foundation project. They are not replacements for the default Foundation...

Offering users a product tour is a great way to give clear instructions for using that product. This method of "onboarding" can also be applied to websites...

Nucleus is a style guide generator based on the principles of “Atomic CSS”. It empowers you to write more modular stylesheets, whilst also allowing you to...

Web design patterns are solutions to common design problems, and in the majority of cases these patterns are implemented in the same way. However, nothing is...

In the past few years, WordPress has grown to be arguably the most popular content management system out there. This growth has been supplemented by a huge...

Emails are the bread and butter of today’s online marketing strategies, and ensuring your potential customers receive the intended message can be a tricky...

Sequence.js is a CSS animation framework which you can use to create sliders, presentations, and other step-based applications. It has all the necessary...

Owing to the plethora of tools available nowadays, front-end development has a lower barrier to entry for a wide range of people. We can use libraries that...

Clipping and masking images are concepts you might be familiar with from having used graphics applications like Photoshop. In this Coffee Break Course,...

In this quick, ten-minute Coffee Break Course, you're going to learn how to create a navbar that shrinks and changes its logo when you scroll. We'll be using...

In this short course you’ll learn how to build a validating credit card form using JavaScript. You’ll be using Luhn’s algorithm for validation, and you’ll...

In this course you’ll learn how to build a gallery which uses the dominant color of each image, as well as the color palette, to create various UI elements....

In this course you’ll learn how to use Craft, a plugin for Sketch, developed by InVision. Over the coming lessons you’ll see how this plugin can accelerate...

As web designers, we often need some sort of slider or slideshow in our projects. And then begins the quest for finding the one that has the features we want...

In this short course you’ll learn everything you need to know about Motion UI, the Sass library for transitions and animations from ZURB. We'll cover...

In this course you’ll learn everything there is to know about Isotope, the popular filtering and sorting library from Metafizzy. You’ll begin by learning how...

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...

In this course you'll learn how to get started with Foundation 6, the newest version of ZURB's popular framework. You'll learn what's new and what has...

In this Coffee Break Course, designed to teach a new skill or concept in a single sitting, you’ll get all the information you need if you’re planning to...

In this short course you’ll learn about a CSS plugin for Sketch, called CSSketch. This plugin allows you to write CSS which directly affects the elements in...

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...

This course will introduce you to Material Design, Google’s widely discussed visual language. You’ll learn the definition of material, its properties, and...

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...

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....

In this course you’ll learn the key rules for great form design. From how to organize form elements, to input lengths and types, to forms on mobile devices,...

In this course you’ll learn how to choose the best text editor for your needs. You’ll learn in detail about six of the most popular text editors on the...

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...

We all want our images to display at the best possible quality, with optimal file size, on different devices, but achieving that is easier said than done....

Let’s say you’re building a website that uses lots of icons. How would you implement those on the web? As image files? They worked fine in the past, but not...

As a web designer, I’m sure you’ve had to design a landing page at some point. If you haven’t, you will. So why not get a head start and learn the essentials...

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...

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....

Have you ever heard about patterns in web design? In this course Adi Purdila will teach you what they are, how to build your own pattern library and how to...

If you’re a web designer then you’ll almost certainly be using a JavaScript library in your projects. In this course Adi Purdilla will teach you about some...

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...

Many developers would like to build their very own WordPress themes, for personal projects or for profit. If building themes is something you plan on doing...

Twitter's Bootstrap is an excellent set of carefully crafted user interface elements, layouts and JavaScript tools, easily available to use in your next web...

Ready to learn the key principles of successful UI design, and apply them to your web design? In this course, instructor Adi Purdila will teach you the...

Pro Web Design Workflow is a course designed to teach you how to develop a professional workflow for your web design projects. You’ll learn how to work with...

So you want to become a web designer, but you have no idea where to start. Don't panic! It's not as hard as it seems, though it requires time and effort to...

CSS on its own can be great fun, but stylesheets are getting longer, more complex, and more difficult to maintain. This is where a preprocessor such as...

Version 3.0 of Twitter Bootstrap is a major change from all its past versions. It is a mobile-first framework and can claim to be one of the best CSS...

Ghost is an exciting new blogging platform that can be used to easily manage your posts, update themes, and edit content. A simple, yet powerful interface...

SMACSS (Scalable and Modular Architecture for CSS) is a set of CSS guidelines which organizes your CSS rules into reusable modules. In this course, Adi...

CSS is a wonderful language for presenting web pages. It’s not too difficult to learn, though like most things, it does have a learning curve. In this...

Web forms are not only an important part of the web, but also an important part of the User Experience and if not done correctly, they can be confusing and...

There are lots of ways to get a new WordPress theme for your website, but what if you just built one yourself? Adi Purdila walks you through making a...

Commerce drives the web, but how do you create an eCommerce website that’s effective and gets the money flowing? Adi Purdila has the answer, right here in...

Twitter's Bootstrap is an excellent set of carefully crafted user interface elements, layouts and JavaScript tools, easily available to use in your next...

In this “hands on” course, Adi Purdila will show you how to design and then develop an effective coming soon page. This is not a beginners course and basic...

Have you ever tried to take a nice PSD design for a web site and tried to translate it to HTML? Not always easy, is it! Here is Adi Purdila to help us...