<?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: Shashamura1</title>
    <description>The latest articles on DEV Community by Shashamura1 (@shashamura).</description>
    <link>https://dev.to/shashamura</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%2F925156%2F214eebbd-7988-4792-8d1b-6e2da5fa68bd.jpeg</url>
      <title>DEV Community: Shashamura1</title>
      <link>https://dev.to/shashamura</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/shashamura"/>
    <language>en</language>
    <item>
      <title>CSS Movie Clapboard</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Wed, 12 Oct 2022 23:33:42 +0000</pubDate>
      <link>https://dev.to/shashamura/css-movie-clapboard-1ggo</link>
      <guid>https://dev.to/shashamura/css-movie-clapboard-1ggo</guid>
      <description>&lt;p&gt;A movie clapboard created entirely with HTML and CSS. &lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>fork</category>
    </item>
    <item>
      <title>Animated Tab Bar</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Wed, 12 Oct 2022 23:31:56 +0000</pubDate>
      <link>https://dev.to/shashamura/animated-tab-bar-28m9</link>
      <guid>https://dev.to/shashamura/animated-tab-bar-28m9</guid>
      <description>&lt;p&gt;Designed by:  Mauricio Bucardo&lt;/p&gt;

&lt;p&gt;Original image:
&lt;a href="https://dribbble.com/shots/5619509-Animated-Tab-Bar"&gt;https://dribbble.com/shots/5619509-Animated-Tab-Bar&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can use this menu in your projects.
It also works with 100% width and reacts to changing the size of the window :)&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>fork</category>
    </item>
    <item>
      <title>Navigation PageDesign/Lesson</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Wed, 12 Oct 2022 23:30:07 +0000</pubDate>
      <link>https://dev.to/shashamura/navigation-pagedesignlesson-17bi</link>
      <guid>https://dev.to/shashamura/navigation-pagedesignlesson-17bi</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/Saramazal/embed/LYyywNb?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>fork</category>
    </item>
    <item>
      <title>SVG Ocelot - Leopardus pardalis</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Wed, 12 Oct 2022 23:27:39 +0000</pubDate>
      <link>https://dev.to/shashamura/svg-ocelot-leopardus-pardalis-3lh5</link>
      <guid>https://dev.to/shashamura/svg-ocelot-leopardus-pardalis-3lh5</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/olivier3lanc/embed/YzLdoBO?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>fork</category>
    </item>
    <item>
      <title>This week: #CodePenChallenge: Vampires</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Tue, 11 Oct 2022 20:19:09 +0000</pubDate>
      <link>https://dev.to/shashamura/this-week-codepenchallenge-vampires-3m42</link>
      <guid>https://dev.to/shashamura/this-week-codepenchallenge-vampires-3m42</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/shashamura/embed/bGMOgQG?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>Learning project from codesandpen 🖊️🖋️</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Fri, 07 Oct 2022 23:20:07 +0000</pubDate>
      <link>https://dev.to/shashamura/learning-project-from-codesandpen-2feg</link>
      <guid>https://dev.to/shashamura/learning-project-from-codesandpen-2feg</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/shashamura/embed/eYrPddQ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
.. My learning project I always fork when I am code&amp;amp;decode &lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Checkbox group styled as tiles fork</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Sun, 25 Sep 2022 15:11:28 +0000</pubDate>
      <link>https://dev.to/shashamura/checkbox-group-styled-as-tiles-fork-49h1</link>
      <guid>https://dev.to/shashamura/checkbox-group-styled-as-tiles-fork-49h1</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9XxiJo1d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9gihbsy9h94o2psl0n8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9XxiJo1d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9gihbsy9h94o2psl0n8.png" alt="Image description" width="720" height="1600"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--qx8dlQo5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ioi5uhyfm7gji57gr4kc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qx8dlQo5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ioi5uhyfm7gji57gr4kc.png" alt="Image description" width="720" height="1600"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A demonstration of how to create checkboxes that doesn't necessarily looks like... well, checkboxes. &lt;/p&gt;

&lt;p&gt;Icons by &lt;a href="https://phosphoricons.com/"&gt;https://phosphoricons.com/&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/shashamura/embed/MWGOozo?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>Ashogbon d Daniel</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Thu, 15 Sep 2022 09:01:21 +0000</pubDate>
      <link>https://dev.to/shashamura/ashogbon-d-daniel-33gf</link>
      <guid>https://dev.to/shashamura/ashogbon-d-daniel-33gf</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--w2toZAVT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfzzrrlmiz6zp216u7qd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--w2toZAVT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfzzrrlmiz6zp216u7qd.png" alt="Image description" width="720" height="1600"&gt;&lt;/a&gt;&lt;a href="https://codepen.io/collection/JGzGbJ"&gt;https://codepen.io/collection/JGzGbJ&lt;/a&gt;&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Hello World in React</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Thu, 15 Sep 2022 08:48:03 +0000</pubDate>
      <link>https://dev.to/shashamura/hello-world-in-react-17b7</link>
      <guid>https://dev.to/shashamura/hello-world-in-react-17b7</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EK0iva9R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/..." class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EK0iva9R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/..." alt="Uploading image" width="" height=""&gt;&lt;/a&gt;&lt;iframe height="600" src="https://codepen.io/shashamura/embed/XWqpXjR?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>Escape Room!</title>
      <dc:creator>Shashamura1</dc:creator>
      <pubDate>Wed, 14 Sep 2022 21:19:36 +0000</pubDate>
      <link>https://dev.to/shashamura/escape-room-4jnb</link>
      <guid>https://dev.to/shashamura/escape-room-4jnb</guid>
      <description>&lt;p&gt;Pass The Pen - Escape Room&lt;/p&gt;

&lt;p&gt;Find and solve all the puzzles to escape from the room!&lt;/p&gt;

&lt;p&gt;Best played at a minimum browser width of 1240px  &amp;amp;  height of 798px. Tested only in Firefox and Chrome.&lt;/p&gt;

&lt;p&gt;This Pen was a team effort! Many thanks to the following people for contributing Code and Ideas to the Escape Room!   &lt;/p&gt;

&lt;p&gt;Cheryl Velez &lt;/p&gt;

&lt;p&gt;Dominic Duffin&lt;/p&gt;

&lt;p&gt;Paul Caoile&lt;/p&gt;

&lt;p&gt;Anotine Guillien&lt;/p&gt;

&lt;p&gt;Daniel Subat&lt;/p&gt;

&lt;p&gt;Erick Mack&lt;/p&gt;

&lt;p&gt;Linsey Reed&lt;/p&gt;

&lt;p&gt;Ryan Saunders&lt;/p&gt;

&lt;p&gt;Kristopher Van Sant&lt;/p&gt;

&lt;p&gt;Jamie Coulter&lt;/p&gt;

&lt;p&gt;BigMinionD&lt;/p&gt;

&lt;p&gt;ZIM&lt;/p&gt;

&lt;p&gt;Extra Extra Extra Special Thanks to Dominic Duffin and Paul Caoile for spending so much time on getting the Escape Room perfected and finished! And to Cheryl Velez for coming up with idea!! &lt;/p&gt;

&lt;p&gt;Escape Room Chat Thread: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://spectrum.chat/codepen/pass-the-pen/escape-room~0e461c74-e13d-472c-ba50-ee87b6e098ea"&gt;https://spectrum.chat/codepen/pass-the-pen/escape-room~0e461c74-e13d-472c-ba50-ee87b6e098ea&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;SVG Illustrations are from the following artists via the Noun Project:&lt;/p&gt;

&lt;p&gt;Nikita Kozin, Freeline, Caitlin Das, Anatolii Babii, Mike Zuidgeest, Leo, Myly, Guillermo Guso, Alfredo @ IconsAlfredo.com, Juan Pablo Bravo, Nicholas Menghini, Maria Kislitsina, OliM, Arthur Shlain, James Keuning, &lt;/p&gt;

&lt;p&gt;Original Puzzles :&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/onegrumpybunny/full/qgaMvq"&gt;https://codepen.io/onegrumpybunny/full/qgaMvq&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/dominicduffin1/full/OqWbVY"&gt;https://codepen.io/dominicduffin1/full/OqWbVY&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/KristopherVanSant/pen/yZxmrV"&gt;https://codepen.io/KristopherVanSant/pen/yZxmrV&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/Paul2512C/pen/vbPLmL"&gt;https://codepen.io/Paul2512C/pen/vbPLmL&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/Sladix/pen/bZZPar"&gt;https://codepen.io/Sladix/pen/bZZPar&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/IDemixI/pen/XOBqPV"&gt;https://codepen.io/IDemixI/pen/XOBqPV&lt;/a&gt;&lt;/p&gt;

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

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