<?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>Forem: Shahir Hussaini</title>
    <description>The latest articles on Forem by Shahir Hussaini (@shahirdev).</description>
    <link>https://forem.com/shahirdev</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%2F469011%2F6f618e47-bb6d-4d84-8af1-45f9bdf167a4.png</url>
      <title>Forem: Shahir Hussaini</title>
      <link>https://forem.com/shahirdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/shahirdev"/>
    <language>en</language>
    <item>
      <title>Flexbox in CSS</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Tue, 27 Feb 2024 17:14:51 +0000</pubDate>
      <link>https://forem.com/shahirdev/flexbox-in-css-3pd9</link>
      <guid>https://forem.com/shahirdev/flexbox-in-css-3pd9</guid>
      <description>&lt;p&gt;🚀 Excited to announce the launch of my latest project: a single-page website dedicated to exploring the power of Flexbox! 💻&lt;/p&gt;

&lt;p&gt;With the rise of responsive design and the need for flexible layouts, understanding Flexbox has become essential for any front-end developer. That's why I've created this interactive platform to showcase how Flexbox works and its mobile-responsive capabilities.&lt;/p&gt;

&lt;p&gt;Using React.js for the front end and deploying with Netlify, I've crafted a user-friendly experience where visitors can dive into the world of Flexbox in real time. Whether you're a seasoned developer looking to brush up on your skills or a beginner eager to learn, this site is designed to cater to all levels of expertise.&lt;/p&gt;

&lt;p&gt;I'm immensely grateful for the valuable feedback from friends and colleagues, which has helped shape the design and functionality of the site. Continuous improvement is key, and I'm committed to refining this resource to provide the best learning experience possible.&lt;/p&gt;

&lt;p&gt;Check out the site &lt;a href="https://flexboxincss.netlify.app/"&gt;here&lt;/a&gt; and let me know your thoughts! I'm always open to feedback and suggestions for further enhancements. Together, let's embrace the power of Flexbox and take our front-end development skills to new heights. 💪 #Flexbox #FrontendDevelopment #ReactJS #Netlify #WebDevelopment #ResponsiveDesign&lt;/p&gt;

</description>
      <category>css</category>
      <category>flexbox</category>
      <category>frontend</category>
      <category>react</category>
    </item>
    <item>
      <title>I created a box-shadow css generator using React.js</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Sat, 18 Feb 2023 19:22:45 +0000</pubDate>
      <link>https://forem.com/shahirdev/i-created-a-box-shadow-css-generator-using-reactjs-13cg</link>
      <guid>https://forem.com/shahirdev/i-created-a-box-shadow-css-generator-using-reactjs-13cg</guid>
      <description>&lt;p&gt;Hi Guys 👋&lt;br&gt;
I hope you are doing well, Today I'm going to share a side small project for all you guys. I mean all developer. I have developed a box-shadow css generator using React.js and as I love to share my knowledge with others. I have put all the source code to github repo if you want the source code you can have it from this link &lt;a href="https://github.com/ShahirHossaini/css-shadow-generator" rel="noopener noreferrer"&gt;Github repo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I request from all you guys that share your comments with me and you know comments and feedbacks inform us about our mistakes and feel free to have your comments it's much appreciated.&lt;/p&gt;

&lt;p&gt;You can check the box-shadow css generator throught this link &lt;a href="https://box-shadow-css-generator.netlify.app/" rel="noopener noreferrer"&gt;box-shadow-generator&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you guys want to be connected with me most of time I share some short codes and tips about web development in &lt;a href="https://www.instagram.com/shahirdev/" rel="noopener noreferrer"&gt;Instagram&lt;/a&gt;, so connect with me I love to be connected with other developers 👨🏽‍💻&lt;/p&gt;

&lt;p&gt;In the last I want to say:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Code with ❤️, Share your knowledge 🌏, Have fun with Coding ✌️&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>ai</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Learn How to make animated Fab-Button using HTML | CSS | pure JavaScript.</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Sun, 31 Jan 2021 05:58:43 +0000</pubDate>
      <link>https://forem.com/shahirdev/animated-fab-button-using-html-css-pure-javascript-2jei</link>
      <guid>https://forem.com/shahirdev/animated-fab-button-using-html-css-pure-javascript-2jei</guid>
      <description>&lt;p&gt;If you're learning HTML, CSS, and JavaScript be sure to like and subscribe to my &lt;a href="https://www.youtube.com/channel/UCzv-_oMxjX5yuq7CJxZYQmA"&gt;channel &lt;/a&gt;and never miss tips like this. 👇&lt;/p&gt;

&lt;p&gt;You can find the &lt;a href="https://youtu.be/ot8wq0KBDO4"&gt;tutorial &lt;/a&gt; on my YouTube Channel: &lt;a href="https://www.youtube.com/channel/UCzv-_oMxjX5yuq7CJxZYQmA"&gt;WeeklyTipsWithShahir&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Learn how to create a custom toggle switch button using Html, and Css.</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Wed, 27 Jan 2021 07:12:29 +0000</pubDate>
      <link>https://forem.com/shahirdev/learn-how-to-create-a-custom-toggle-switch-button-using-html-and-css-1aa0</link>
      <guid>https://forem.com/shahirdev/learn-how-to-create-a-custom-toggle-switch-button-using-html-and-css-1aa0</guid>
      <description>&lt;p&gt;If you like the video, don't forget to smash that Like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏&lt;/p&gt;

&lt;p&gt;Tutorial: &lt;a href="https://youtu.be/j2tdnJdYc0Q"&gt;https://youtu.be/j2tdnJdYc0Q&lt;/a&gt;&lt;br&gt;
Twitter: &lt;a href="https://twitter.com/shahir_dev"&gt;https://twitter.com/shahir_dev&lt;/a&gt;&lt;br&gt;
Telegram: &lt;a href="https://t.me/WeeklyTipsWithShahir"&gt;https://t.me/WeeklyTipsWithShahir&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>html</category>
      <category>css</category>
      <category>tutorial</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Learn how to make Animated Tab-Layout using HTML | CSS | and Pure JS.</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Tue, 26 Jan 2021 05:55:22 +0000</pubDate>
      <link>https://forem.com/shahirdev/learn-how-to-make-animated-tab-layout-using-html-css-and-pure-js-24pj</link>
      <guid>https://forem.com/shahirdev/learn-how-to-make-animated-tab-layout-using-html-css-and-pure-js-24pj</guid>
      <description>&lt;p&gt;If you're learning HTML, CSS, and JavaScript be sure to like and subscribe to my channel and never miss tips like this. 👇&lt;/p&gt;

&lt;p&gt;Tutorial: &lt;a href="https://youtu.be/OM8tE5nojDk"&gt;https://youtu.be/OM8tE5nojDk&lt;/a&gt;&lt;br&gt;
Twitter: &lt;a href="https://twitter.com/shahir_dev"&gt;https://twitter.com/shahir_dev&lt;/a&gt;&lt;br&gt;
Telegram: &lt;a href="https://t.me/WeeklyTipsWithShahir"&gt;https://t.me/WeeklyTipsWithShahir&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Learn how to make a custom Home Slider using HTML | CSS | and Pure JavaScript</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Sat, 23 Jan 2021 06:40:15 +0000</pubDate>
      <link>https://forem.com/shahirdev/learn-how-to-make-a-custom-home-slider-using-html-css-and-pure-javascript-359c</link>
      <guid>https://forem.com/shahirdev/learn-how-to-make-a-custom-home-slider-using-html-css-and-pure-javascript-359c</guid>
      <description>&lt;p&gt;
If you're learning HTML, CSS, and JavaScript be sure to like and subscribe to my channel and never miss tips like this. 👇
&lt;/p&gt;

&lt;p&gt;YouTube Link &lt;a href="https://www.youtube.com/channel/UCzv-_oMxjX5yuq7CJxZYQmA"&gt;https://www.youtube.com/channel/UCzv-_oMxjX5yuq7CJxZYQmA&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;
Twitter: &lt;a href="https://twitter.com/shahir_dev"&gt;https://twitter.com/shahir_dev&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;
Telegram: &lt;a href="https://t.me/WeeklyTipsWithShahir"&gt;https://t.me/WeeklyTipsWithShahir&lt;/a&gt;
&lt;/p&gt;

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

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Social Media Buttons with HTML and CSS ( blur effect ).</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Mon, 21 Dec 2020 07:13:30 +0000</pubDate>
      <link>https://forem.com/shahirdev/social-media-buttons-with-html-and-css-blur-effect-3c5i</link>
      <guid>https://forem.com/shahirdev/social-media-buttons-with-html-and-css-blur-effect-3c5i</guid>
      <description>&lt;p&gt;Tutorial link: &lt;a href="https://youtu.be/f84mQB_qKO4"&gt;https://youtu.be/f84mQB_qKO4&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>html</category>
      <category>css</category>
      <category>animation</category>
      <category>effect</category>
    </item>
    <item>
      <title>Social Media Links using Html, and Css.</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Mon, 28 Sep 2020 07:09:22 +0000</pubDate>
      <link>https://forem.com/shahirdev/social-media-links-using-html-and-css-1ggb</link>
      <guid>https://forem.com/shahirdev/social-media-links-using-html-and-css-1ggb</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;Today: Social Media Links using Html, and Css.&lt;/p&gt;

&lt;p&gt;Feedbacks and questions are welcome.&lt;/p&gt;

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

</description>
      <category>codepen</category>
      <category>html</category>
      <category>css</category>
      <category>weeklytipswithshahir</category>
    </item>
    <item>
      <title>Card like countdown using HTML, CSS and JS.</title>
      <dc:creator>Shahir Hussaini</dc:creator>
      <pubDate>Tue, 22 Sep 2020 08:04:35 +0000</pubDate>
      <link>https://forem.com/shahirdev/card-like-countdown-using-html-css-and-js-4368</link>
      <guid>https://forem.com/shahirdev/card-like-countdown-using-html-css-and-js-4368</guid>
      <description>&lt;p&gt;Hi everyone!&lt;/p&gt;

&lt;p&gt;Here I will post weekly simple tips and tricks for all the web developers and for those who are interested to pursue web development.&lt;br&gt;
Hope you guys enjoy it.&lt;/p&gt;

&lt;p&gt;Feedbacks and questions are welcome.&lt;/p&gt;

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

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>tips</category>
    </item>
  </channel>
</rss>
