<?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>DEV Community: I'm Rooqi </title>
    <description>The latest articles on DEV Community by I'm Rooqi  (@rooqidev).</description>
    <link>https://dev.to/rooqidev</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3579372%2Fc5eef360-e3a6-4b8f-b48f-3ececfea3fff.jpeg</url>
      <title>DEV Community: I'm Rooqi </title>
      <link>https://dev.to/rooqidev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rooqidev"/>
    <language>en</language>
    <item>
      <title>How I Started Building Neat App UIs Using Two Simple Rules</title>
      <dc:creator>I'm Rooqi </dc:creator>
      <pubDate>Sat, 25 Oct 2025 04:18:32 +0000</pubDate>
      <link>https://dev.to/rooqidev/how-i-started-building-neat-app-uis-using-two-simple-rules-1mka</link>
      <guid>https://dev.to/rooqidev/how-i-started-building-neat-app-uis-using-two-simple-rules-1mka</guid>
      <description>&lt;p&gt;I’ve never been into UI/UX design — I mostly focus on logic and functionality.   I'm not quite good in making uis, but this week, I learned and i tried applying two simple design rules in my ui making, and my projects started to look completely different.&lt;/p&gt;

&lt;p&gt;The Two Rules I Follow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Leave enough space (padding, margins, gaps), it instantly makes everything look calm and readable. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Use only 2–3 colors, it keeps the app cohesive and easy on the eyes.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Once I started following these, I realized making clean designs doesn’t have to be a big deal. Even simple layouts started feeling modern and organized if you try following these two rules carefully. Here's some projects i try applying these rules on,&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://rooqidev.github.io/My-Expense-Tracker-App/" rel="noopener noreferrer"&gt;Expense Tracker App&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://rooqidev.github.io/A-counter-App/" rel="noopener noreferrer"&gt;A Counter App&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Both use these rules — and they look better many times without any fancy design tools. I learned that simplicity is the real design power. You don’t have to love UI — just keep it clean, consistent, and calm.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>ui</category>
    </item>
    <item>
      <title>Learning Web Development Entirely from Mobile — My Journey Begins</title>
      <dc:creator>I'm Rooqi </dc:creator>
      <pubDate>Thu, 23 Oct 2025 03:36:58 +0000</pubDate>
      <link>https://dev.to/rooqidev/learning-web-development-entirely-from-mobile-my-journey-begins-1850</link>
      <guid>https://dev.to/rooqidev/learning-web-development-entirely-from-mobile-my-journey-begins-1850</guid>
      <description>&lt;p&gt;Hey everyone, I’m Farooq!&lt;br&gt;
I’m currently learning frontend development — focused on core technologies like Vanilla JS, HTML, and CSS — completely from my mobile setup.&lt;/p&gt;

&lt;p&gt;It’s not always easy, but I'm really interested in development, creating things, solving problems, building small web applications and tools that do or solve, even something small.&lt;/p&gt;

&lt;p&gt;This is my first post on DEV, and I’ll be sharing weekly updates about my learning progress, small projects, and the lessons I pick up along the way.&lt;/p&gt;

&lt;p&gt;My goal is to grow step by step, build real things, and inspire others who might be learning with limited tools too.&lt;/p&gt;

&lt;p&gt;Thanks for reading, and feel free to follow along — I’d love to connect with others on a similar path.&lt;/p&gt;

</description>
      <category>introduction</category>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
    </item>
  </channel>
</rss>
