Web Design Learning Guides

Learn some essential new web design skills with these learning guides. Each one has been specially designed to help you master an important topic, like web accessibility or using Figma for web design.

If you have questions about a web design concept or framework, these learning guides will answer them. The guide to Vue.js, for example, gives a concise explanation of what Vue is and how it works, while linking out to more in-depth tutorials and courses to help you learn more. You can find similar guides for Adobe XD, Foundation, and much more.

Read less

Designing and Building Websites With Macaw
5 Posts
Macaw has been eagerly awaited since its Kickstarter campaign reached full funding back in November 2013. Pitched as the application which allows you to "stop writing code and start drawing it" Macaw promises to bring web design tools right up to date. Follow Adi Purdila as he introduces Macaw, examines its features and interface, then uses it to design and build a complete responsive website.
View Learning Guide...
Design and Build a Responsive Timeline Portfolio Page
3 Posts
During this series you'll be using Photoshop CS6 to design a simple, clean, three-column portfolio page, with a trending timeline. Once done, you'll move over to a code editor and begin building your finished page for the web. Along the way, you'll learn about the designer > developer workflow, whilst using tools such as Sass and jQuery.
View Learning Guide...
Learn How to Build Themes for Shopify
3 Posts
Over the course of three articles here on Tuts+ we'll be looking at how to build a theme for the hosted ecommerce platform Shopify. Follow Shopify Designer Advocate Keir Whitaker, as he demonstrates all the skills you’ll need to get started, as well as showing you a number of creative ways to make your themes flexible and powerful.
View Learning Guide...
Mastering HTML Email
The subject of HTML Email can make even the most seasoned web designers’ palms clammy; it’s a minefield of hacks, pitfalls, and means disregarding all the things we’ve learned about web standards during the past decade.
View Learning Guide...
Getting to Know Gumby
6 Posts
The Gumby Framework offers rapid and flexible front-end development. Its features include installation and maintenance tools, Sass support, a semantic grid, toggles and switches, parallax toys and much more. During this series we're going to walk through those features and tools, before building ourselves a complete Gumby website.
View Learning Guide...
Tumblr Theming 101
30 Posts
Tumblr is home to over 140 million blogs, making it one of the most successful blogging platforms around. Having recently been acquired by Yahoo! it's now firmly set to be one to watch in 2014, and that's great news for Tumblr theme developers!
View Learning Guide...