Design Resources Guaranteed to Make You a Better Developer for Tomorrow

January 13, 2022

Do you have the right tools for the job?

As web developers, we are constantly asked to design websites better, faster, and make it last for as long as possible, but do you have the right tools for the job?

Your number one goal that you should always make, is to make sure you have a healthy amount web sites saved in your perfectly organized favorites folders. (Yes, I admit, I’m not always that organized, however my favorites folders are constantly updated several times a year.) By having these websites at the ready will not only make you a better web developer, but they will also help decrease the amount of time that you’ll spend trying to find them.

Oh The Colors That You’ll Find

My favorite site to figure out a great color palette is Coolors, here you’ll be able to quickly sort through the thousands upon thousands of colors quickly and you can sort the colors by different color methods. In addition to Coolors, I also utilize Colormind this site allows you to look through colors quickly, but it also lets you visualize what the colors would look like for some common website elements such as headings, cards, backgrounds, and ect.


A Picture is Worth A Thousand….

Where does one find the best stock photography that is also free? Unsplash. Unsplash has a vast array of images to choose from and about 90% of my images come from Unsplash for a personal project. For professional purposes, I use Deposit photos as they tend to have more commercial typical photos. My other favorite is Pixabay, pixabay has a great selection of images and they tend to be on the funny side or just plain fun as opposed to the boring stock photos that everyone else has.


Ucon, Icon

Are you even a web developer if you don’t have a few dozen websites that are strictly full of icons for you to incorporate into your project? I really love Font Awesome because well they are one of the originals, but I also love the Noun Project because you can find some really interesting icons that are very unique.

New Zealand Lanscape

Cascade Style Sheet & Beyond

The thing that designers love & also kind of also hate the most. CSS and all of its wonders are how we really turn a blank white internet website into a magnificent work of art. I go to every corner of the internet to research the latest trends in CSS, but my two go-to sites are CSS TRICKS and CodePen. CSS tricks have detailed blog posts with current css trends, tips, and tricks of all kinds. CodePen is a collection of other developers that have created different things using html, css, and JS, which you can view straight code with the ability to play around with the code right on the site. It’s pretty neat, you should give it a try!

New Zealand Lanscape

Let’s Go to The Upside Down!

Now you might feel like you are on an episode of stranger things with this one, but one of the newest and hottest trends is “Dark Mode” and basically turning the lights out on rather bright websites and apps. Here are two resources that will help you navigate through the unknown. Material System and Apple’s Interface Guidelines both these sites are excellent resources in helping you find your way to the dark side.

Also be sure to read my other blog post on “4 Explosive Web Design Trends to Watch Out for & 1 to Avoid in 2021

New Zealand Lanscape


I have a new resource that I actually found a couple of weeks ago and it’s HAIKEI this interactive site lets create different background images using a bunch of different fun things in order to create the background. I must warn you though, you might find yourself just playing around all day creating new backgrounds. I do highly recommend checking it out.

New Zealand Lanscape

Final Thoughts

You shouldn’t have to spend hours upon hours just to find that perfect stock photo or a perfect icon that represents pet adoption. Take these resources and bookmark them in your new favorites folder and label it “My Freelance Tools” and you’ll be on the path to becoming a successful and talented web developer before you know it!

If you are thinking of having a website built or you are designing a website for your company, keep these design resources in mind and let us know in the comments if you have any additional resources to add?

Is your website meeting current design standards? Email me for a free consultation. 

Did you enjoy the blog? Share it with your friends!

You May Also Like…

What is Voice Search? (The Basics)

What is Voice Search? (The Basics)

Today I want to go over the basics of voice search. What is voice search? Why do we as web developers need to learn to...


Submit a Comment