<?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: Bilal M Rizwaan</title>
    <description>The latest articles on DEV Community by Bilal M Rizwaan (@bilalprofile).</description>
    <link>https://dev.to/bilalprofile</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%2F533392%2F0946c356-7c9a-416d-9750-266515ed3be6.jpg</url>
      <title>DEV Community: Bilal M Rizwaan</title>
      <link>https://dev.to/bilalprofile</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/bilalprofile"/>
    <language>en</language>
    <item>
      <title>COVID-19 tracker with HTML, CSS and JAVASCRIPT || Implementing free api</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Fri, 19 Mar 2021 17:40:39 +0000</pubDate>
      <link>https://dev.to/bilalprofile/covid-19-tracker-with-html-css-and-javascript-implementing-free-api-424g</link>
      <guid>https://dev.to/bilalprofile/covid-19-tracker-with-html-css-and-javascript-implementing-free-api-424g</guid>
      <description>&lt;p&gt;COVID-19 tracker with HTML, CSS and JAVASCRIPT || Implementing free api&lt;/p&gt;

&lt;p&gt;In this Post I have used free api to get the covid-19 data and show them with the help of HTML, CSS and JS. The free api provides the data of COVID-19 as per the country query.&lt;/p&gt;

&lt;p&gt;I have used fetch in js to get the data from api. &lt;br&gt;
GOOD LUCK&lt;/p&gt;

&lt;p&gt;Stay home stay safe   &lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fatheistiran.com%2Fwp-content%2Fuploads%2F2020%2F03%2Fcorona-virus.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fatheistiran.com%2Fwp-content%2Fuploads%2F2020%2F03%2Fcorona-virus.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get the full github code &lt;br&gt;
&lt;a href="https://codepen.io/Bilal1909/pen/rNWEQmd" rel="noopener noreferrer"&gt;https://codepen.io/Bilal1909/pen/rNWEQmd&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Demo &lt;br&gt;
&lt;a href="https://codepen.io/Bilal1909/pen/rNWEQmd" rel="noopener noreferrer"&gt;https://codepen.io/Bilal1909/pen/rNWEQmd&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>codenewbie</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Cradle Animation On Hover Efffect Using HTML And CSS | CSS Animation</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Thu, 18 Mar 2021 18:08:27 +0000</pubDate>
      <link>https://dev.to/bilalprofile/cradle-animation-on-hover-efffect-using-html-and-css-css-animation-3164</link>
      <guid>https://dev.to/bilalprofile/cradle-animation-on-hover-efffect-using-html-and-css-css-animation-3164</guid>
      <description>&lt;p&gt;Cradle Animation On Hover Efffect Using HTML And CSS | CSS Animation &lt;/p&gt;

&lt;p&gt;🔍 OVERVIEW&lt;br&gt;
So Cradle Animation On Hover Efffect Using HTML And CSS | CSS Animation&lt;br&gt;
  &lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.postimg.cc%2FDzk2yjMp%2Fscreenshot-codepen-io-2021-03-18-23-05-15-671.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.postimg.cc%2FDzk2yjMp%2Fscreenshot-codepen-io-2021-03-18-23-05-15-671.png"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.postimg.cc%2Fy8PHs10x%2Fscreenshot-codepen-io-2021-03-18-23-06-21-810.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.postimg.cc%2Fy8PHs10x%2Fscreenshot-codepen-io-2021-03-18-23-06-21-810.png"&gt;&lt;/a&gt;&lt;br&gt;
Demo == &amp;gt;  &lt;a href="https://codepen.io/Bilal1909/pen/XWNLpdq" rel="noopener noreferrer"&gt;https://codepen.io/Bilal1909/pen/XWNLpdq&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>beginners</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Create a Searchbar &amp; Filter Table Using Javascript</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Sun, 14 Mar 2021 13:13:04 +0000</pubDate>
      <link>https://dev.to/bilalprofile/create-a-searchbar-filter-table-using-javascript-547</link>
      <guid>https://dev.to/bilalprofile/create-a-searchbar-filter-table-using-javascript-547</guid>
      <description>&lt;p&gt;Create a Searchbar &amp;amp; Filter Table Using Javascript&lt;br&gt;
demo == &amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/BaQbzMq"&gt;https://codepen.io/Bilal1909/pen/BaQbzMq&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>codenewbie</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Limit Input Characters using HTML CSS &amp; JavaScript With Animation</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Sat, 13 Mar 2021 20:10:07 +0000</pubDate>
      <link>https://dev.to/bilalprofile/limit-input-characters-using-html-css-javascript-with-animation-1od9</link>
      <guid>https://dev.to/bilalprofile/limit-input-characters-using-html-css-javascript-with-animation-1od9</guid>
      <description>&lt;p&gt;Limit Input Characters using HTML CSS &amp;amp; JavaScript&lt;/p&gt;

&lt;p&gt;Demo === &amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/ExNrBOy"&gt;https://codepen.io/Bilal1909/pen/ExNrBOy&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>codenewbie</category>
      <category>codepen</category>
    </item>
    <item>
      <title>CSS Tricks - Vertical text with CSS writing-mode</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Sun, 07 Mar 2021 08:58:14 +0000</pubDate>
      <link>https://dev.to/bilalprofile/css-tricks-vertical-text-with-css-writing-mode-4lak</link>
      <guid>https://dev.to/bilalprofile/css-tricks-vertical-text-with-css-writing-mode-4lak</guid>
      <description>&lt;p&gt;CSS Tricks - Vertical text with CSS writing-mode&lt;br&gt;
demo == &amp;gt;&lt;a href="https://codepen.io/Bilal1909/pen/GRNXXOW"&gt;https://codepen.io/Bilal1909/pen/GRNXXOW&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>codenewbie</category>
      <category>codepen</category>
    </item>
    <item>
      <title>Awesome link hover effects</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Sun, 07 Mar 2021 08:42:37 +0000</pubDate>
      <link>https://dev.to/bilalprofile/awesome-link-hover-effects-k73</link>
      <guid>https://dev.to/bilalprofile/awesome-link-hover-effects-k73</guid>
      <description>&lt;p&gt;Awesome link hover effects&lt;br&gt;
demo==&amp;gt;&lt;a href="https://codepen.io/Bilal1909/pen/YzpOOZw"&gt;https://codepen.io/Bilal1909/pen/YzpOOZw&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>codenewbie</category>
      <category>codepen</category>
    </item>
    <item>
      <title>VueJS Animations using the Vue Transition property with Halfmoon framework</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Mon, 22 Feb 2021 17:17:31 +0000</pubDate>
      <link>https://dev.to/bilalprofile/vuejs-animations-using-the-vue-transition-property-with-halfmoon-framework-k52</link>
      <guid>https://dev.to/bilalprofile/vuejs-animations-using-the-vue-transition-property-with-halfmoon-framework-k52</guid>
      <description>&lt;p&gt;VueJS Animations using the Vue Transition property with Halfmoon framework&lt;/p&gt;

&lt;p&gt;demo == &amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/OJbjzLb?editors=1010"&gt;https://codepen.io/Bilal1909/pen/OJbjzLb?editors=1010&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>vue</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Detect if Caps Lock is on with JavaScript?</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Sat, 20 Feb 2021 17:18:17 +0000</pubDate>
      <link>https://dev.to/bilalprofile/detect-if-caps-lock-is-on-with-javascript-525k</link>
      <guid>https://dev.to/bilalprofile/detect-if-caps-lock-is-on-with-javascript-525k</guid>
      <description>&lt;p&gt;Detect if Caps Lock is on with JavaScript?&lt;/p&gt;

&lt;p&gt;Demo ==&amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/poNrVWZ"&gt;https://codepen.io/Bilal1909/pen/poNrVWZ&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>javascript</category>
      <category>codepen</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>CSS background-blend-mode property using Html , Css , javascript
</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Sat, 20 Feb 2021 17:15:12 +0000</pubDate>
      <link>https://dev.to/bilalprofile/css-background-blend-mode-property-using-html-css-javascript-22c2</link>
      <guid>https://dev.to/bilalprofile/css-background-blend-mode-property-using-html-css-javascript-22c2</guid>
      <description>&lt;p&gt;CSS background-blend-mode property using Html , Css , javascript&lt;/p&gt;

&lt;p&gt;Demo ==&amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/PobKBRw?editors=1010"&gt;https://codepen.io/Bilal1909/pen/PobKBRw?editors=1010&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>JS: Random Background Color Change</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Fri, 19 Feb 2021 16:07:16 +0000</pubDate>
      <link>https://dev.to/bilalprofile/js-random-background-color-change-52cb</link>
      <guid>https://dev.to/bilalprofile/js-random-background-color-change-52cb</guid>
      <description>&lt;p&gt;JS: Random Background Color Change&lt;/p&gt;

&lt;p&gt;demo =&amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/VwmaXoN"&gt;https://codepen.io/Bilal1909/pen/VwmaXoN&lt;/a&gt;&lt;/p&gt;

</description>
      <category>help</category>
      <category>codenewbie</category>
      <category>javascript</category>
      <category>codepen</category>
    </item>
    <item>
      <title>3D TEXT ANIMATION USING HTML AND CSS.</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Tue, 16 Feb 2021 18:14:17 +0000</pubDate>
      <link>https://dev.to/bilalprofile/3d-text-animation-using-html-and-css-365l</link>
      <guid>https://dev.to/bilalprofile/3d-text-animation-using-html-and-css-365l</guid>
      <description>&lt;p&gt;3D TEXT ANIMATION USING HTML AND CSS.&lt;/p&gt;

&lt;p&gt;demo ==&amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/VwjgNKO"&gt;https://codepen.io/Bilal1909/pen/VwjgNKO&lt;/a&gt; &lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>codepen</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Lehreen Fun with Css</title>
      <dc:creator>Bilal M Rizwaan</dc:creator>
      <pubDate>Mon, 15 Feb 2021 18:27:11 +0000</pubDate>
      <link>https://dev.to/bilalprofile/lehreen-fun-with-css-241n</link>
      <guid>https://dev.to/bilalprofile/lehreen-fun-with-css-241n</guid>
      <description>&lt;p&gt;Lehreen Fun with Css&lt;/p&gt;

&lt;p&gt;demo ==&amp;gt; &lt;a href="https://codepen.io/Bilal1909/pen/OJbWJYB"&gt;https://codepen.io/Bilal1909/pen/OJbWJYB&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>codenewbie</category>
      <category>codepen</category>
    </item>
  </channel>
</rss>
