<?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: Gustav Wahlbom Andersson</title>
    <description>The latest articles on DEV Community by Gustav Wahlbom Andersson (@gustav_wahlbomandersson_).</description>
    <link>https://dev.to/gustav_wahlbomandersson_</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%2F3285602%2F8ac20be2-a6ed-4679-a44d-1f89a65a94ac.png</url>
      <title>DEV Community: Gustav Wahlbom Andersson</title>
      <link>https://dev.to/gustav_wahlbomandersson_</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gustav_wahlbomandersson_"/>
    <language>en</language>
    <item>
      <title>First try at: RPG Character Card - Flippable</title>
      <dc:creator>Gustav Wahlbom Andersson</dc:creator>
      <pubDate>Tue, 22 Jul 2025 20:02:18 +0000</pubDate>
      <link>https://dev.to/gustav_wahlbomandersson_/first-try-at-rpg-character-card-flippable-b02</link>
      <guid>https://dev.to/gustav_wahlbomandersson_/first-try-at-rpg-character-card-flippable-b02</guid>
      <description>&lt;p&gt;My first try at a game-card UI&lt;/p&gt;

&lt;p&gt;Flippable RPG character card with glassmorphism UI design.&lt;/p&gt;

&lt;p&gt;TECH STACK: Pure CSS3 + Vanilla JS&lt;br&gt;
FEATURES: 3D flip animation, responsive XP/HP/Mana bars with SVG icons, animated combat stats (Attack/Spell/Defense), ability selector tabs, neon glow effects, hue-shifting animations, cosmic background with stars.&lt;/p&gt;

&lt;p&gt;FRONT: Character info, level progression, status bars&lt;br&gt;
BACK: Combat abilities, stat bars, interactive tabs&lt;/p&gt;

&lt;p&gt;Click to flip! Fully responsive across all devices. Perfect for game UIs and modern interfaces.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/Gustav-Wahlbom-Andersson/embed/MYayBoX?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Luxury Diamond Wireframe Animation - Premium Particle Card</title>
      <dc:creator>Gustav Wahlbom Andersson</dc:creator>
      <pubDate>Wed, 16 Jul 2025 17:31:52 +0000</pubDate>
      <link>https://dev.to/gustav_wahlbomandersson_/luxury-diamond-wireframe-animation-premium-particle-card-151m</link>
      <guid>https://dev.to/gustav_wahlbomandersson_/luxury-diamond-wireframe-animation-premium-particle-card-151m</guid>
      <description>&lt;p&gt;Check out this Pen I made!&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/Gustav-Wahlbom-Andersson/embed/xbwwZZr?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>cyberpunk hack the mainframe animation, Goof-off project.</title>
      <dc:creator>Gustav Wahlbom Andersson</dc:creator>
      <pubDate>Wed, 02 Jul 2025 10:27:43 +0000</pubDate>
      <link>https://dev.to/gustav_wahlbomandersson_/cyberpunk-hack-the-mainframe-animation-goof-off-project-mho</link>
      <guid>https://dev.to/gustav_wahlbomandersson_/cyberpunk-hack-the-mainframe-animation-goof-off-project-mho</guid>
      <description>&lt;p&gt;Simple cyberpunk-alike animation from inside a terminal.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/Gustav-Wahlbom-Andersson/embed/myJorag?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>glass Progress bar with tilt functionality</title>
      <dc:creator>Gustav Wahlbom Andersson</dc:creator>
      <pubDate>Sun, 29 Jun 2025 21:02:05 +0000</pubDate>
      <link>https://dev.to/gustav_wahlbomandersson_/glass-progress-bar-with-tilt-functionality-1a92</link>
      <guid>https://dev.to/gustav_wahlbomandersson_/glass-progress-bar-with-tilt-functionality-1a92</guid>
      <description>&lt;p&gt;A small project of mine, i needed this for my own website as a short indicator of a value from 0 to 10. but could be modified for other purposes. enjoy.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/Gustav-Wahlbom-Andersson/embed/VYLEOZj?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Futuristic glass clock</title>
      <dc:creator>Gustav Wahlbom Andersson</dc:creator>
      <pubDate>Sun, 22 Jun 2025 21:21:16 +0000</pubDate>
      <link>https://dev.to/gustav_wahlbomandersson_/futuristic-glass-clock-1ghe</link>
      <guid>https://dev.to/gustav_wahlbomandersson_/futuristic-glass-clock-1ghe</guid>
      <description>&lt;p&gt;I'm a network engineer with no prior experience in web development languages. I usually create scripts for my daily work but nothing more. I have some university courses in Python under my belt and some experience with C++ as a teenager, but frontend was completely new territory.&lt;br&gt;
I built this project with assistance from Claude AI, and I know it's total brainrot by coding standards, but I've put considerable hours into learning and building this. Claude.ai has been a great assistant in explaining code and how to build it.&lt;br&gt;
I have been lurking on CodePen for the past few days and I've seen some incredible, jaw dropping work. I've been trying to replicate, steal, transform and mix them together, being truly inspired by people's art.&lt;br&gt;
This represents my first HTML/CSS/JS project. This is just a pastime activity and me being creative and exploring outside my usual scripting work. I'd appreciate any tips, advice, or constructive criticism you might have.&lt;br&gt;
But most importantly, I've been having fun..&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/Gustav-Wahlbom-Andersson/embed/ZYGmJRR?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
