DEV Community

Cover image for Awesamosa: Awesome Resources for developers #01
Xenox Dev for XenoX

Posted on

11 6

Awesamosa: Awesome Resources for developers #01

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 πŸ‘‹πŸ‘‹

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (2)

Collapse
 
sarthology profile image
Sarthak Sharma β€’

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

Collapse
 
_xenoxdev profile image
Xenox Dev β€’

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

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay