How I got better at web design as a web developer

I started coding in 2011 but I was awful at design. I got better each year by understanding the following ideas …
Colors are important
I know that this may seem obvious to some of you, but I did not know where to look for colors as a developer and I struggled with bad color choices which made my designs suck.
Here are a couple of websites where you can select great colors for your website or project:

Fonts make reading beautiful
So when I first started I use to use basic fonts like sans and so on. But I learned that there are other options like Google Fonts which is simple to integrate to your project has a lot of options to choose from.
Sizes matter
I use to choose small fonts or the same size for everything, but that’s wrong. You should choose different sizes. And you can define the size by it’s importance. So use different sizes.
Icons are aesthetic
Icons are not necessary but they do make the design more beautiful and professional. I like to use Font Awesome because it’s easy to use and have the full package, and I mean there is icons for everything you can think of in terms of web design.
What else do you use to make your designs professional and beautiful?
Join the conversation with some useful resources and tools.
Hope you find this useful,Farris
** Note that this is not meant for everybody. I know that some of you know this. I was just hoping that I could make life a bit easier to developers who are just starting out.

40+ Best Scene and Mockup Generators of 2021

It isn’t always easy to find the right mockup for your header or feature image. Using a mockup generator can help you tweak and customize a mockup to match your needs perfectly. Mostly because high-quality stock photos and images are hard to find, and can come with hefty price tags. Even when you do find…

15 Free Hero Scene Creator Mockup Templates for Photoshop

Scene creators are a great way to present your designs exactly the way you want them. A great scene creator will have different elements as separate files or objects that you can place and arrange as you please. You can then use them for design presentations but also as website hero images or section backgrounds.…

100+ MacBook Mockup PSD Templates 2021

Whether you’re looking for a MacBook mockup or a MacBook Pro mockup, we have you covered with this extensive collection. We’re featuring a mix of MacBook mockups, realistic illustrations, and flat/stylised versions of these MacBook notebooks for all types of use case. Totaling over a hundred different MacBook mockups in all shapes and sizes, these…

Internationalization And Localization For Static Sites

Internationalization and localization is more than just writing your content in multiple languages. You need a strategy to determine what localization to send, and code to do it. You need to be able to support not just different languages, but different regions with the same language. Your UI needs to be responsive, not just to…

What exactly does a web developer do with the work that a web designer created?

Hi everyone, Here is a link to an instagram video featuring a web designer creating the front page of a website through photoshop.
Obviously this is a single image so it is not interactive whatsoever.
I have three questions:

What does a web developer do with this? Do they literally just create an entire functional website that is an exact replica of this design or what?

if so, is there any way on how to just add individual functionalities to the single image itself or do they need each individual parts to it (example, the individual home logo, the individual pineapple picture, etc) and then they put everything together through code

do you need to have web design skills (essentially that aesthetic eye) to get a job as a web developer in todays world? I am aware that at most companies, the web designer just creates a blueprint and hands it off to the web developer so in this case, you do not need design skills. but since todays job market is so competetive and most people apply to jobs with their portfolios, id assume the only way to get replies back is to have your portfolio stand out compared to the rest. So in this case, the design will matter a lot. So even if you dont need design skills in the real world (the designer will just do it for you), how are you suppose to get that initial job if part of your portfolio is judged based on appearance.

Hopefully these questions make sense, would clear out a lot of confusion if I could get these answered. Thanks to everyone for any feedback I can get!

At What Point Does Obsessing Over Design Become a Liability?

The overall quality of a website’s design is often in the details. Those seemingly-small elements such as microinteractions, typographic spacing and color accents can be real difference makers. They have the potential to transform the mundane into something that stands out. In these cases, being picky about design is a good thing. Whether that trait…

What Can Web Designers Do With Their Unused Designs?

I was working on redesigning my website the other day and was having a hard time deleting sections and pages I knew were unnecessary and keeping prospects from getting to the important stuff. It’s similar to the struggle I have whenever a client (design or writing) decides not to use something I’ve created for them.…