<?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: Jayant Goel</title>
    <description>The latest articles on DEV Community by Jayant Goel (@jayantgoel001).</description>
    <link>https://dev.to/jayantgoel001</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%2F528685%2Fb51918c5-f5c8-4e7d-a457-288ec120c3be.jpeg</url>
      <title>DEV Community: Jayant Goel</title>
      <link>https://dev.to/jayantgoel001</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jayantgoel001"/>
    <language>en</language>
    <item>
      <title>Jayant Goel (JayantGoel001)'s Personal Portfolio</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Sat, 16 Jul 2022 16:08:37 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/jayant-goel-jayantgoel001s-personal-portfolio-4ipn</link>
      <guid>https://dev.to/jayantgoel001/jayant-goel-jayantgoel001s-personal-portfolio-4ipn</guid>
      <description>&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
      &lt;div class="c-embed__cover"&gt;
        &lt;a href="https://jayantgoel001.github.io/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"&gt;
          &lt;img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--ajq2FjU1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://jayantgoel001.github.io/assets/images/background-image.jpg" height="461" class="m-0" width="880"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;div class="c-embed__body"&gt;
      &lt;h2 class="fs-xl lh-tight"&gt;
        &lt;a href="https://jayantgoel001.github.io/" rel="noopener noreferrer" class="c-link"&gt;
          Jayant Goel (JayantGoel001)'s Personal Portfolio
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;p class="truncate-at-3"&gt;
          Jayant Goel (JayantGoel001) - A Programming Enthusiast eager to learn new skills and contribute through hard work, innovative ideas, and great skills.
        &lt;/p&gt;
      &lt;div class="color-secondary fs-s flex items-center"&gt;
          &lt;img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://res.cloudinary.com/practicaldev/image/fetch/s--nHdI3bZn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://jayantgoel001.github.io/favicon-16x16.png" width="16" height="16"&gt;
        jayantgoel001.github.io
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>jayant</category>
      <category>jayantgoel001</category>
      <category>personalportfolio</category>
      <category>website</category>
    </item>
    <item>
      <title>10 GitHub profiles every developer must follow</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Sat, 16 Jul 2022 15:59:01 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/10-github-profiles-every-developer-must-follow-30h</link>
      <guid>https://dev.to/jayantgoel001/10-github-profiles-every-developer-must-follow-30h</guid>
      <description>&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
      &lt;div class="c-embed__cover"&gt;
        &lt;a href="https://blog.masaischool.com/10-github-profiles-every-developer-must-follow/" class="c-link s:max-w-50 align-middle" rel="noopener noreferrer"&gt;
          &lt;img alt="" src="https://res.cloudinary.com/practicaldev/image/fetch/s--1kCNxHdC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://blog.masaischool.com/content/images/2022/07/image.png" height="497" class="m-0" width="880"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;div class="c-embed__body"&gt;
      &lt;h2 class="fs-xl lh-tight"&gt;
        &lt;a href="https://blog.masaischool.com/10-github-profiles-every-developer-must-follow/" rel="noopener noreferrer" class="c-link"&gt;
          10 GitHub profiles every developer must follow
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;p class="truncate-at-3"&gt;
          Home to 200 million+ repositories, GitHub opens up the door for developers to interact with each other, collaborate, review code, track bugs, set up workflows, and do many other things that make development easy.
        &lt;/p&gt;
      &lt;div class="color-secondary fs-s flex items-center"&gt;
          &lt;img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://res.cloudinary.com/practicaldev/image/fetch/s---ZMa0V1Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://blog.masaischool.com/favicon.png" width="100" height="100"&gt;
        blog.masaischool.com
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;blockquote&gt;
&lt;p&gt;Jayant is a 21 years old computer science graduate from Jaypee Institute of Information Technology. His consistency on GitHub is something that makes him stand out. He has been active on the platform for 1046 consecutive days and in the process has clocked in more than 4000 hours of code.&lt;br&gt;
His interest in app development and data science becomes very evident when we look at his experiences at Theatron and TalentDecrypt respectively. With a detailed and comprehensive profile README that encompasses almost every small detail about the kind of developer he is, it is safe to say that Jayant has put up a GitHub profile that is far better than many developers out there.&lt;br&gt;
Within a span of 2 years, Jayant has been able to contribute 50,000+ times and make 40,000+ commits. His eagerness to contribute to a team becomes quite clear with these stats. All these numbers are set to go higher as he moves ahead in his career.&lt;br&gt;
His collection of 200+ repositories includes everything a college graduate would need to get better at programming. Young computer science graduates seeking inspiration and looking out for ways to make the most out of their time can reap huge benefits and as such should surely check out his profile.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;-&lt;em&gt;Nitish R Sonu&lt;/em&gt;(&lt;a href="https://blog.masaischool.com/author/nitish/"&gt;https://blog.masaischool.com/author/nitish/&lt;/a&gt;)&lt;/p&gt;

</description>
      <category>blog</category>
      <category>github</category>
      <category>profiles</category>
    </item>
    <item>
      <title>Pure CSS Background Image Scroll Effect</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 16 Jun 2022 01:01:16 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/pure-css-background-image-scroll-effect-129</link>
      <guid>https://dev.to/jayantgoel001/pure-css-background-image-scroll-effect-129</guid>
      <description>&lt;p&gt;Works in browsers which support &lt;code&gt;mix-blend-mode&lt;/code&gt; &lt;a href="https://caniuse.com/#search=mix-"&gt;https://caniuse.com/#search=mix-&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/carpenumidium/embed/LeOjKM?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>CSS Multiple Background Image Parallax Animation</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Sat, 22 Jan 2022 03:45:09 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/css-multiple-background-image-parallax-animation-1elo</link>
      <guid>https://dev.to/jayantgoel001/css-multiple-background-image-parallax-animation-1elo</guid>
      <description>&lt;p&gt;If you have enabled images instead of iframes for pen previews, you'll see a city, but it's gone now.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/carpenumidium/embed/vNNzyG?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>Rainbow Loader</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:09:10 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/rainbow-loader-jh5</link>
      <guid>https://dev.to/jayantgoel001/rainbow-loader-jh5</guid>
      <description>&lt;p&gt;Modification of a loading animation I did for a client.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/jackrugile/embed/JddmaX?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>Loading</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:09:08 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/loading-1j7k</link>
      <guid>https://dev.to/jayantgoel001/loading-1j7k</guid>
      <description>&lt;p&gt;Based on this Dribbble shot: &lt;a href="https://dribbble.com/shots/5356365-Loader-animation-principle-freebie"&gt;https://dribbble.com/shots/5356365-Loader-animation-principle-freebie&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/kathykato/embed/YzKGrqd?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>Loading Animation CSS</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:08:28 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/loading-animation-css-1chh</link>
      <guid>https://dev.to/jayantgoel001/loading-animation-css-1chh</guid>
      <description>&lt;p&gt;Text blur Animation CSS(SCSS) Only.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/42EG4M1/embed/bVMzze?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>CSS3 spin preloader + preload Page</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:05:18 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/css3-spin-preloader-preload-page-32ih</link>
      <guid>https://dev.to/jayantgoel001/css3-spin-preloader-preload-page-32ih</guid>
      <description>&lt;p&gt;SASS &amp;amp; js&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/rickzanutta/embed/yjaeB?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>Displacement Scroll</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:04:10 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/displacement-scroll-2698</link>
      <guid>https://dev.to/jayantgoel001/displacement-scroll-2698</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/mwmwmw/embed/VgemeN?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>WebGL Distortion Slider</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:03:19 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/webgl-distortion-slider-5c6j</link>
      <guid>https://dev.to/jayantgoel001/webgl-distortion-slider-5c6j</guid>
      <description>&lt;p&gt;&lt;a href="https://dribbble.com/shots/4537300-WWF-Header-Transition"&gt;My recreation of this Dribbble shot&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.&lt;/p&gt;

&lt;p&gt;Credit to &lt;a href="http://robindelaporte.fr/"&gt;Robin Delaporte&lt;/a&gt; for the beginnings of this concept: &lt;a href="https://tympanus.net/codrops/2018/04/10/webgl-distortion-hover-effects/"&gt;https://tympanus.net/codrops/2018/04/10/webgl-distortion-hover-effects/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/ashthornton/embed/KRQbMO?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>Personal Website - Yahia Refaiea [Beta]</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:02:42 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/personal-website-yahia-refaiea-beta-41l2</link>
      <guid>https://dev.to/jayantgoel001/personal-website-yahia-refaiea-beta-41l2</guid>
      <description>&lt;p&gt;A 21 years old interaction designer who grows up in a small town in Syria.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/yahiarefaiea/embed/xyNWQq?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>Battlefield 3 Loading Indicator</title>
      <dc:creator>Jayant Goel</dc:creator>
      <pubDate>Thu, 20 Jan 2022 14:01:45 +0000</pubDate>
      <link>https://dev.to/jayantgoel001/battlefield-3-loading-indicator-31hp</link>
      <guid>https://dev.to/jayantgoel001/battlefield-3-loading-indicator-31hp</guid>
      <description>&lt;p&gt;Battlefield CSS3.&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/garethdweaver/embed/zdElu?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>
