<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Notes by Endi Saliaj</title>
    <link>https://endisaliaj.com/notes/</link>
    <atom:link href="https://endisaliaj.com/notes/rss.xml" rel="self" type="application/rss+xml" />
    <description>How Endi Saliaj, a UX/UI designer and Webflow developer in Tirana, Albania, designs and builds small things for the web. In simple words.</description>
    <language>en</language>
    <lastBuildDate>Fri, 09 Oct 2026 10:00:00 GMT</lastBuildDate>
    <item>
      <title>A Yu-Gi-Oh! card binder that folds open in CSS</title>
      <link>https://endisaliaj.com/notes/yugioh-card-binder-in-css/</link>
      <guid isPermaLink="true">https://endisaliaj.com/notes/yugioh-card-binder-in-css/</guid>
      <description>How I built a black zip case with 72 cards in clear sleeves. The pages turn in 3D and every card opens in a holographic close-up. No canvas, only HTML and CSS.</description>
      <pubDate>Fri, 09 Oct 2026 10:00:00 GMT</pubDate>
      <category>CSS 3D</category>
      <category>Cards</category>
      <category>Collection</category>
      <category>Yu-Gi-Oh!</category>
      <category>Interaction</category>
    </item>
    <item>
      <title>What happens when a slider goes past Max</title>
      <link>https://endisaliaj.com/notes/effort-slider-past-max/</link>
      <guid isPermaLink="true">https://endisaliaj.com/notes/effort-slider-past-max/</guid>
      <description>An effort slider has five steps: Low, Medium, High, Extra, Max. I added a secret sixth step and made nine things that can happen there. Each one is below, live, with how I built it.</description>
      <pubDate>Wed, 07 Oct 2026 18:00:00 GMT</pubDate>
      <category>Canvas</category>
      <category>Slider</category>
      <category>Microinteraction</category>
      <category>Motion</category>
      <category>LanderLab</category>
    </item>
    <item>
      <title>An isometric street where the road loops</title>
      <link>https://endisaliaj.com/notes/isometric-street-that-loops/</link>
      <guid isPermaLink="true">https://endisaliaj.com/notes/isometric-street-that-loops/</guid>
      <description>How I built Donut Patrol, a small isometric city block in SVG: a bank, a donut shop and a police precinct on a street that wraps around. Rob the bank and two officers drop their donuts to chase you.</description>
      <pubDate>Tue, 06 Oct 2026 15:00:00 GMT</pubDate>
      <category>SVG</category>
      <category>Isometric</category>
      <category>Simulation</category>
      <category>Story</category>
      <category>City</category>
    </item>
    <item>
      <title>A drawbridge you can operate, drawn in lines</title>
      <link>https://endisaliaj.com/notes/isometric-drawbridge-in-svg/</link>
      <guid isPermaLink="true">https://endisaliaj.com/notes/isometric-drawbridge-in-svg/</guid>
      <description>How I built Dusk Drawbridge, an isometric canal crossing in SVG. Raise the span, send a boat through, switch the lamps, and watch the cars queue at the gates.</description>
      <pubDate>Tue, 06 Oct 2026 10:00:00 GMT</pubDate>
      <category>SVG</category>
      <category>Isometric</category>
      <category>Simulation</category>
      <category>Diorama</category>
    </item>
    <item>
      <title>A kitchen timer drawn in lines that really counts down</title>
      <link>https://endisaliaj.com/notes/isometric-kitchen-timer/</link>
      <guid isPermaLink="true">https://endisaliaj.com/notes/isometric-kitchen-timer/</guid>
      <description>How I built Fig 1, an isometric kitchen timer in SVG with a seven-segment display, buttons that press down, and a small square-wave bell. The first object in a series.</description>
      <pubDate>Sun, 04 Oct 2026 14:00:00 GMT</pubDate>
      <category>SVG</category>
      <category>Isometric</category>
      <category>Web Audio</category>
      <category>Figure</category>
    </item>
  </channel>
</rss>
