<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Xenox Dev</title>
    <description>The latest articles on Forem by Xenox Dev (@_xenoxdev).</description>
    <link>https://forem.com/_xenoxdev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F433469%2F814ab927-36b5-48b7-9b63-c768e261d43f.jpg</url>
      <title>Forem: Xenox Dev</title>
      <link>https://forem.com/_xenoxdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/_xenoxdev"/>
    <language>en</language>
    <item>
      <title>Awesamosa: Awesome Resources for developers #01</title>
      <dc:creator>Xenox Dev</dc:creator>
      <pubDate>Mon, 08 Feb 2021 12:57:00 +0000</pubDate>
      <link>https://forem.com/xenoxdev/awesamosa-awesome-resources-for-developers-01-3pdj</link>
      <guid>https://forem.com/xenoxdev/awesamosa-awesome-resources-for-developers-01-3pdj</guid>
      <description>&lt;p&gt;Recently, Our team captain &lt;a href="https://dev.to/sarthology"&gt;@sarthology&lt;/a&gt; published an article on &lt;a href="https://dev.to/xenoxdev/why-and-how-you-can-develop-design-sense-57m9"&gt;why and how you can develop design sense?&lt;/a&gt;. 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. &lt;/p&gt;

&lt;p&gt;So, from this week, for the next &lt;strong&gt;24 Mondays&lt;/strong&gt;, 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 &lt;strong&gt;&lt;a href="https://xenox.dev/awsamosa" rel="noopener noreferrer"&gt;🌎 website 🌎&lt;/a&gt;.&lt;/strong&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  So let us begin 🚀
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/dSdYvmLRPbGMphDQ0r/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/dSdYvmLRPbGMphDQ0r/giphy.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  📰 Fonts:
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F1ohun97oxelfzv7fvksd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F1ohun97oxelfzv7fvksd.png" alt="Use Modify"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here are some &lt;strong&gt;'awesome'&lt;/strong&gt; places to get the best-suited font for your site 👇&lt;/p&gt;

&lt;p&gt;📌 &lt;a href="https://fonts.google.com/" rel="noopener noreferrer"&gt;Google Fonts&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://www.dafont.com/" rel="noopener noreferrer"&gt;DaFont&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://usemodify.com/" rel="noopener noreferrer"&gt;UseModify&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://www.1001freefonts.com/" rel="noopener noreferrer"&gt;1001 Free Fonts&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://www.fontsquirrel.com/" rel="noopener noreferrer"&gt;Font Squirrel&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🎨 Colors:
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;Here are some &lt;strong&gt;'awesome'&lt;/strong&gt; places to get the best-suited color-palette for your site 👇&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fm8vau6dp9nhyj12fbf4g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fm8vau6dp9nhyj12fbf4g.png" alt="color mind"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📌 &lt;a href="https://colorbrewer2.org/" rel="noopener noreferrer"&gt;Color brewer&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="http://colormind.io/" rel="noopener noreferrer"&gt;Color mind&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://colorcurves.app/" rel="noopener noreferrer"&gt;Color Curves&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://coolors.co/" rel="noopener noreferrer"&gt;Coolors&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://www.colorsandfonts.com/" rel="noopener noreferrer"&gt;Colors and Fonts&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🖼️ Stock Photos:
&lt;/h3&gt;

&lt;p&gt;Images are the next important part of website design. No one wants their images with a watermark on them. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fc4z1k97ukseavwt8tlnb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fc4z1k97ukseavwt8tlnb.png" alt="Unsplash"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here are some &lt;strong&gt;'awesome'&lt;/strong&gt; places to get the best-suited stock photos for your site 👇&lt;/p&gt;

&lt;p&gt;📌 &lt;a href="https://www.pexels.com/" rel="noopener noreferrer"&gt;Pexels&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://unsplash.com/" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://pixabay.com/" rel="noopener noreferrer"&gt;Pixabay&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://magdeleine.co/" rel="noopener noreferrer"&gt;Maddeleine&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://picspree.com/" rel="noopener noreferrer"&gt;Picspree&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  🧙‍♂️ UI Graphics
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;Here are some &lt;strong&gt;'awesome'&lt;/strong&gt; places to get the best-suited graphics for your site 👇&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F73ljqxenf7mt8tic3pwe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F73ljqxenf7mt8tic3pwe.png" alt="Humaaans"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📌 &lt;a href="https://100dailyui.webflow.io/" rel="noopener noreferrer"&gt;100 DailyUI&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://www.sketchappsources.com/" rel="noopener noreferrer"&gt;Sketch App Sources&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://www.humaaans.com/" rel="noopener noreferrer"&gt;Humaans&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://products.ls.graphics/paaatterns/" rel="noopener noreferrer"&gt;Graphics Patterns&lt;/a&gt;&lt;br&gt;
📌 &lt;a href="https://undraw.co/" rel="noopener noreferrer"&gt;Undraw&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's it for this week folks 🥳🖐️&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/5IT69msgpaOcg/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/5IT69msgpaOcg/giphy.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We will see you next Monday with more Awsome Resources. Until then, make sure you follow us on Twitter &lt;a href="https://bit.ly/3cOfh44" rel="noopener noreferrer"&gt;@XenoxDev&lt;/a&gt; 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.&lt;/p&gt;

&lt;h1&gt;
  
  
  One More Thing
&lt;/h1&gt;

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

&lt;h3&gt;
  
  
  For the writer in you!!
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/hPrt0zRTMAVaugcgPf/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/hPrt0zRTMAVaugcgPf/giphy.gif" alt="Alt"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Want to write with Xenox. Here is a 👉 &lt;a href="https://forms.clickup.com/f/1rz92-3351/VMFE0Q81LI7E0A92Z0" rel="noopener noreferrer"&gt;link&lt;/a&gt; to become a part of an awesome writer's community and win exciting gifts.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.getrevue.co/profile/xenoxdev" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F7ztogfeze1yx31dkrus9.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Bye 👋👋&lt;/p&gt;

</description>
      <category>watercooler</category>
      <category>webdev</category>
      <category>design</category>
    </item>
  </channel>
</rss>
