<?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: arnononono nONOonNo</title>
    <description>The latest articles on DEV Community by arnononono nONOonNo (@arnononono_nonoonno_30377).</description>
    <link>https://dev.to/arnononono_nonoonno_30377</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%2F3512453%2Fa31ee08e-97b0-43eb-bd58-185c7bda7efd.jpg</url>
      <title>DEV Community: arnononono nONOonNo</title>
      <link>https://dev.to/arnononono_nonoonno_30377</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/arnononono_nonoonno_30377"/>
    <language>en</language>
    <item>
      <title>I Built a VS Code–Inspired Developer Portfolio</title>
      <dc:creator>arnononono nONOonNo</dc:creator>
      <pubDate>Sat, 17 Jan 2026 16:51:29 +0000</pubDate>
      <link>https://dev.to/arnononono_nonoonno_30377/i-built-a-vs-code-inspired-developer-portfolio-550d</link>
      <guid>https://dev.to/arnononono_nonoonno_30377/i-built-a-vs-code-inspired-developer-portfolio-550d</guid>
      <description>&lt;p&gt;I wanted my portfolio to feel familiar to other developers — not like yet another generic personal website.&lt;/p&gt;

&lt;p&gt;So I decided to build a VS Code–inspired portfolio that actually looks and behaves like an IDE. The goal was simple: when a developer opens it, it should feel instantly recognizable.&lt;/p&gt;

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

&lt;p&gt;What it includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;An editor-style layout with tabs&lt;/li&gt;
&lt;li&gt;A sidebar that works like a real code editor&lt;/li&gt;
&lt;li&gt;Terminal-inspired sections for content&lt;/li&gt;
&lt;li&gt;Draggable Windows.&lt;/li&gt;
&lt;li&gt;Fully responsive across devices&lt;/li&gt;
&lt;li&gt;Custom Themes Support&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Why I built this:&lt;br&gt;
A lot of portfolios focus heavily on flashy animations and visuals. I wanted to take a different approach and focus on familiarity and usability something developers already understand without needing an explanation. &lt;/p&gt;

&lt;p&gt;I know it might feel complicated to non devs but I'm planning to implement Easy Mode (switchable) where it changes layout to less complicated VS-Code IDE layout and make it easily understandable to everyone while keeping VS-Code aesthetics&lt;/p&gt;

&lt;p&gt;GitHub repo:&lt;br&gt;
&lt;a href="https://github.com/arnofrxdd/ide-portfolio" rel="noopener noreferrer"&gt;https://github.com/arnofrxdd/ide-portfolio&lt;/a&gt;&lt;br&gt;
Demo: &lt;br&gt;
&lt;a href="https://arnofrxdd.github.io/ide-portfolio/" rel="noopener noreferrer"&gt;https://arnofrxdd.github.io/ide-portfolio/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I’d really appreciate feedback&lt;/p&gt;

</description>
      <category>portfolio</category>
      <category>showdev</category>
      <category>vscode</category>
      <category>webdev</category>
    </item>
    <item>
      <title>I made an app that uses your mouse as H-Shifter</title>
      <dc:creator>arnononono nONOonNo</dc:creator>
      <pubDate>Thu, 18 Sep 2025 21:17:14 +0000</pubDate>
      <link>https://dev.to/arnononono_nonoonno_30377/i-made-an-app-that-uses-your-mouse-as-h-shifter-5e37</link>
      <guid>https://dev.to/arnononono_nonoonno_30377/i-made-an-app-that-uses-your-mouse-as-h-shifter-5e37</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmedia3.giphy.com%2Fmedia%2Fv1.Y2lkPTc5MGI3NjExYnczd3MxbTV5OGZjY3Jpa3YydzA2b2RiNjJjMnQ3cjQ2bnJqNHg5eCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw%2FbRxtL0jOXress1cEus%2Fgiphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmedia3.giphy.com%2Fmedia%2Fv1.Y2lkPTc5MGI3NjExYnczd3MxbTV5OGZjY3Jpa3YydzA2b2RiNjJjMnQ3cjQ2bnJqNHg5eCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw%2FbRxtL0jOXress1cEus%2Fgiphy.gif" width="270" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F650supgwhxavyt2flctx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F650supgwhxavyt2flctx.png" alt="MouseShifter Preview" width="800" height="531"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;MouseShifter&lt;/strong&gt; lets you turn your mouse into an H-shifter.  &lt;/p&gt;

&lt;p&gt;Works with ETS2, ATS, BeamNG, Forza, Assetto Corsa, and more.  &lt;/p&gt;

&lt;p&gt;Doesn’t interfere with your mouse steering or camera look.  &lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://github.com/arnofrxdd/MouseShifter" rel="noopener noreferrer"&gt;&lt;strong&gt;GitHub Repo – MouseShifter&lt;/strong&gt;&lt;/a&gt;&lt;br&gt;
I plan to make it open source very soon!&lt;/p&gt;

</description>
      <category>gamedev</category>
      <category>pcgaming</category>
      <category>simulationgames</category>
      <category>racinggames</category>
    </item>
  </channel>
</rss>
