DEV Community

loading...
Cover image for Awesamosa: Awesome Resources for developers #01
XenoX

Awesamosa: Awesome Resources for developers #01

_xenoxdev profile image Xenox Dev ・3 min read

Recently, Our team captain @sarthology published an article on why and how you can develop design sense?. That is a great article and does capture the gist of getting the design sense deeply. However, once we develop the design sense comes the question of where to get those brilliant design elements in the first place for your next project. This question gives rise to this series of resources for the front-end developers to get modern design resources to furnish their next project the look and feel they wanted.

So, from this week, for the next 24 Mondays, we at Team Xenox will publish this series of resources, Awesamosa: Awesome Resources for developers. This list will be published in parts on dev.to and will be available as a whole on our 🌎 website 🌎.

So let us begin πŸš€

Alt Text

πŸ“° Fonts:

Fonts are an essential part of the website's design, particularly when we want users to engage with the content on it. Choosing the right font will exponentially increase the engagement and hence the revenues.

Use Modify

Here are some 'awesome' places to get the best-suited font for your site πŸ‘‡

πŸ“Œ Google Fonts
πŸ“Œ DaFont
πŸ“Œ UseModify
πŸ“Œ 1001 Free Fonts
πŸ“Œ Font Squirrel

🎨 Colors:

Like Fonts, colors play a major role in the design of the website. There are many theories on, how to select the color palette, and what amount of each should be used.

Here are some 'awesome' places to get the best-suited color-palette for your site πŸ‘‡

color mind

πŸ“Œ Color brewer
πŸ“Œ Color mind
πŸ“Œ Color Curves
πŸ“Œ Coolors
πŸ“Œ Colors and Fonts

πŸ–ΌοΈ Stock Photos:

Images are the next important part of website design. No one wants their images with a watermark on them.

Unsplash

Here are some 'awesome' places to get the best-suited stock photos for your site πŸ‘‡

πŸ“Œ Pexels
πŸ“Œ Unsplash
πŸ“Œ Pixabay
πŸ“Œ Maddeleine
πŸ“Œ Picspree

πŸ§™β€β™‚οΈ UI Graphics

UI graphics have become a new trend in modern websites, and they really give a personal touch to our websites. With tools like Figma, you can create your graphics too.

Here are some 'awesome' places to get the best-suited graphics for your site πŸ‘‡

Humaaans

πŸ“Œ 100 DailyUI
πŸ“Œ Sketch App Sources
πŸ“Œ Humaans
πŸ“Œ Graphics Patterns
πŸ“Œ Undraw

That's it for this week folks πŸ₯³πŸ–οΈ

Alt Text

We will see you next Monday with more Awsome Resources. Until then, make sure you follow us on Twitter @XenoxDev for more content related to web development and web design. In the meantime share this article with friends and family to whom you think this will be useful. Comment below your thoughts or if you have any resources of your own.

One More Thing

If you want to get resources daily head to our Telegram Channel. We have a community of 600+ awesome devs sharing resources every day.

For the writer in you!!

Alt

Want to write with Xenox. Here is a πŸ‘‰ link to become a part of an awesome writer's community and win exciting gifts.

Alt Text

Bye πŸ‘‹πŸ‘‹

Discussion (2)

pic
Editor guide
Collapse
sarthology profile image
Sarthak Sharma

Finally we startedβœ¨πŸš€βœ¨πŸ’―πŸ’―

Collapse
_xenoxdev profile image
Xenox Dev Author

And we'll keep on going πŸ’ͺπŸ’ͺ