Design tips and resources
This is a, completely incomplete, list of articles and other resources I found worth reading because they are full of practical tips that I could apply immediately.
Redesigning your product and website for dark mode
Implementing dark mode is easy, but designing for it is less so. Here are some things you should consider when designing a dark mode version of your product or website to ensure you maintain accessibility and readability, and a consistent feel for your brand between Light and Dark.
How to create a good design as a developer
In this post, I will describe the design guidelines I use for the most important aspects of a layout: grid, fonts, margins and colors. Then I will apply them to an app that was recently developed by my colleague.
7 Practical Tips for Cheating at Design
Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not.
Free photos and illustrations
Unsplash and unDraw are two great sites for free photos and illustrations in high quality. unDraw even makes it easy to change the colours of the illustration. You can find a few of those illustrations on my site! If you are looking for an illustration to use as a background, make sure you also check out the free Hero Patterns.
Smashing Magazine articles on the science behind good design
Smashing Magazine published a series of articles including one on visual percention and design principles. After reading these articles you'll have a deeper understanding of how people interact with your design, and how you could improve the usability.
Design System in Figma
In this course, we’ll learn how to create this design system from scratch, using reusable styles, texts, colors, icons and components that can be shared across your team.
Steve Schoger on typography
Steve Schoger has published some very interesting articles, such as 6 tips that will improve your UI typography and 12 Google fonts you can't go wrong with. Also, if you are planning to use Google Fonts, check out FontPair to see an overview of Google Fonts that go well together.