<?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: Tony Peakman</title>
    <description>The latest articles on DEV Community by Tony Peakman (@dagger8224).</description>
    <link>https://dev.to/dagger8224</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%2F881854%2F2657d7d7-7e61-4428-870b-8f70c099991e.jpeg</url>
      <title>DEV Community: Tony Peakman</title>
      <link>https://dev.to/dagger8224</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dagger8224"/>
    <language>en</language>
    <item>
      <title>CSS Mechanical Keyboard</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Wed, 21 Dec 2022 15:48:04 +0000</pubDate>
      <link>https://dev.to/dagger8224/css-mechanical-keyboard-1pb1</link>
      <guid>https://dev.to/dagger8224/css-mechanical-keyboard-1pb1</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/bGKPNwN?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>[dagger-demo] Drag and Drop using dagger.js</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Sun, 30 Oct 2022 14:08:43 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-drag-and-drop-using-daggerjs-b65</link>
      <guid>https://dev.to/dagger8224/dagger-demo-drag-and-drop-using-daggerjs-b65</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/qBKOjBO?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>[dagger-demo] Window Size</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Sun, 23 Oct 2022 13:37:58 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-window-size-5d4a</link>
      <guid>https://dev.to/dagger8224/dagger-demo-window-size-5d4a</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/QWxLKQx?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>[dagger-demo] Shuffle Deck of Cards</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Sun, 23 Oct 2022 12:55:13 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-shuffle-deck-of-cards-k77</link>
      <guid>https://dev.to/dagger8224/dagger-demo-shuffle-deck-of-cards-k77</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/MWXgjwX?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>[dagger-demo] CSS Grid Image Gallery</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Sat, 22 Oct 2022 14:58:15 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-css-grid-image-gallery-50ab</link>
      <guid>https://dev.to/dagger8224/dagger-demo-css-grid-image-gallery-50ab</guid>
      <description>&lt;p&gt;Smoking hot image gallery made with React, ES6, and some light CSS Grid experimentation!&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/GRdVLYM?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>Tabs on Food - an Alpine.js demo</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Wed, 05 Oct 2022 14:13:05 +0000</pubDate>
      <link>https://dev.to/dagger8224/tabs-on-food-an-alpinejs-demo-23hl</link>
      <guid>https://dev.to/dagger8224/tabs-on-food-an-alpinejs-demo-23hl</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/XWqBVeJ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>daggerjs</category>
      <category>javascript</category>
      <category>framework</category>
    </item>
    <item>
      <title>[dagger-demo] compared with Alpine JS</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Wed, 05 Oct 2022 13:57:51 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-compared-with-alpine-js-5ffh</link>
      <guid>https://dev.to/dagger8224/dagger-demo-compared-with-alpine-js-5ffh</guid>
      <description>&lt;p&gt;Render a list of items using dagger.js&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/RwyBxbK?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>[dagger-demo] 3D Tic Tac Toe</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Mon, 19 Sep 2022 09:38:15 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-3d-tic-tac-toe-1gnf</link>
      <guid>https://dev.to/dagger8224/dagger-demo-3d-tic-tac-toe-1gnf</guid>
      <description>&lt;p&gt;I thought about making this game while playing with my daughter in one of the public playgrounds in my neighborhood. The playground had a life-size Tic Tac Toe game made of wood, and my daughter played this game for the first time in her life (she's 4) and really liked it.&lt;/p&gt;

&lt;p&gt;My codepen-version of this game is written in React. 3D is achieved using CSS3 transitions. The winning player is detected using bitwise operations against a list of winning patterns.&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>daggerjs</category>
      <category>framework</category>
    </item>
    <item>
      <title>[dagger-demo] the empty entry page</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Thu, 04 Aug 2022 02:30:07 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-the-empty-entry-page-1ga4</link>
      <guid>https://dev.to/dagger8224/dagger-demo-the-empty-entry-page-1ga4</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/ZErWBpB?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>daggerjs</category>
      <category>framework</category>
    </item>
    <item>
      <title>[dagger-demo] Confetti Button (inline)</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Wed, 03 Aug 2022 23:52:04 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-confetti-button-inline-2b2f</link>
      <guid>https://dev.to/dagger8224/dagger-demo-confetti-button-inline-2b2f</guid>
      <description>&lt;p&gt;Like button shooting confetti using React and confetti-canvas&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>framework</category>
    </item>
    <item>
      <title>[dagger-demo] to do list</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Wed, 03 Aug 2022 23:50:36 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-to-do-list-325c</link>
      <guid>https://dev.to/dagger8224/dagger-demo-to-do-list-325c</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/QWQVYGN?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>javascript</category>
      <category>framework</category>
    </item>
    <item>
      <title>[dagger-demo] Tic Tac Toe</title>
      <dc:creator>Tony Peakman</dc:creator>
      <pubDate>Fri, 24 Jun 2022 02:56:06 +0000</pubDate>
      <link>https://dev.to/dagger8224/dagger-demo-tic-tac-toe-1pf8</link>
      <guid>https://dev.to/dagger8224/dagger-demo-tic-tac-toe-1pf8</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/dagger8224/embed/MWQGZBE?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;a href="https://daggerjs.org"&gt;dagger.js&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>frontend</category>
      <category>daggerjs</category>
      <category>framework</category>
    </item>
  </channel>
</rss>
