Web Design Articles and Tutorials
Elucidating readings, powerful tutorials, and awesome inspiration to add to your web design spellbook.
Web Dev Simplified on YouTube
Web Dev Simplified is a YouTube channel with tons of great tutorials on how to do certain techniques with CSS, HTML, and lots of other languages. His videos are well produced, full of great info, and succinct. He also talks a lot about accessibility and makes it easy to understand and actionable. All around great channel for web developers.
Tim Gabe on YouTube
Tim Gabe has a really good YouTube channel about learning new design tools and techniques. He has lots of tutorials on how to use certain features or do certain things in Figma and Framer, and tends to have good design advice and inspiration. I learned a lot of my Figma and Framer skills from him. Recently he has pivoted to talking more about keeping your job in the new job landscape.
Coding2GO on YouTube
Fabian at Coding2GO makes really good tutorial videos on YouTube and explains complicated topics in a short and easy to understand way. I’ve used his tutorials to do some cool out-of-the-box things with CSS.
Nielsen Norman Group
Nielsen Norman Group is a team of UX experts who have helped shape the field of UX. Their library of free articles and videos includes research findings, guidelines, and UX methods. One of the go-to places to learn about UX design.
Interaction Design Foundation
The Interaction Design Foundation’s goal is to spread design knowledge. Here you’ll find thousands of articles on design by industry experts. They also organize their main resources into an encyclopedia / textbook.
Design Systems
This website looks incredible, which is half of the reason I included it here. The other half is that it has lots of good resources and articles on how to build a good design system. Everything from typography to spacing to new topics and developments. A good place for inspiration and learning.
Figma Tutorials and Resource Library
Figma has an entire library of tutorials and guides on how to use their product and be a good designer to help people trying to learn their software. Pretty much anything you want to do, Figma has a tutorial for it on their website. Great for new users as well as experienced designers. I used their tutorials extensively to learn Figma.
The Design of Everyday Things
Don Norman is a pioneer in the field of UX and psychology. His must-read book for designers covers what makes good design good and why some designs fail. In order to make good design we must cater to the needs and psychology of people.
Awwwards
This site showcases some of the best new website designs out there. It is an award / competition showcasing the best and most innovative websites being made today. A great place to find inspiration, trends, and cool new techniques.
Call to Inspiration
This resource library is full of visuals to help inspire your designs. They have a bunch of categories like login screens, footers, alerts, pricing, dropdowns, icons, forms, and so on. If you’re looking for a lot of different design approaches to the same thing you can see them here.