Web Design Tutorials

Free tutorials, learning guides, and online courses to help you learn web design. Whether it’s interface design, UX, front-end development, motion design, accessibility, business, or something you’ve not yet discovered, our team of expert instructors have you covered!

How to Conduct a UX Card Sorting Workshop
In this tutorial you will learn how to plan, execute, record and analyse a card sorting workshop as if you were doing it yourself. We’ll also discuss why...
Nina Mujdzic
23 Jul 2019
UX
Build an Advanced Responsive Menu Inspired by Netflix
In today’s tutorial we’ll take inspiration from the Neflix Jobs website and learn to build an advanced responsive navigation menu with a cool transition effect.
George Martsoukos
18 Jul 2019
Navigation Design
Introduction to Tailwind CSS: A Utility-First CSS Framework
Today I’m going to show you how to get started with Tailwind CSS, a highly customizable CSS framework that you can use to quickly build web pages and...
Adi Purdila
17 Jul 2019
CSS
Animate an Icon With SVGator, Figma and Envato Elements
In this tutorial we’ll be taking an SVG based icon from Envato Elements, doing some preparatory modifications in Figma, then animating it using SVGator....
Kezz Bracey
15 Jul 2019
SVG
UI Design: A Practical Guide to Tabs
Tabs represent a fundamental pattern for user interfaces. Learn the best way to create them in our new short course, UI Design: A Practical Guide to Tabs.
Andrew Blackman
12 Jul 2019
UI Design
Creativity: Rethinking the Exploration Phase of Design
How to set the right conditions for creativity and new ideas in your work. How to start well in the early stages of any project.
Joanna Ngai
11 Jul 2019
UX
How to Create Custom Blocks for Gutenberg
Gutenberg has changed the way users create content within WordPress, and the way developers build WordPress plugins and themes. In this tutorial you’re going...
Adi Purdila
10 Jul 2019
WordPress Gutenberg
How to Build a Responsive Navigation Bar With Flexbox
Time for a practical exercise in flexbox! In this tutorial we will use flexbox to create a mobile-first, responsive, toggleable navigation bar with different...
Anna Monus
9 Jul 2019
CSS
How to Run Cross Browser Testing Using LambdaTest
In this tutorial I will look deeper into cross browser testing, while showing you the process with LambdaTest at the end of the post.
Himanshu Goyal
8 Jul 2019
Cross-Browser
Introduction to SVG Filters
In this tutorial we’re going to explore the world of SVG filters. With SVG filters you can create unique text effects, image effects, and with a little...
Adi Purdila
4 Jul 2019
SVG
20+ Best Personal WordPress Blog Themes for 2019
If you’re thinking about setting up a blog, you’re in luck. This collection of the best personal WordPress blog themes for 2019 will give you some great...
Brenda Barron
2 Jul 2019
WordPress
How to Build a JavaScript Popup Modal From Scratch
In this tutorial we’ll learn how to build flexible popup modals (windows) with HTML, CSS, and JavaScript–without using a framework like Bootstrap!
George Martsoukos
1 Jul 2019
JavaScript