<?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: Lakira Minlaka</title>
    <description>The latest articles on DEV Community by Lakira Minlaka (@lakiramd).</description>
    <link>https://dev.to/lakiramd</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%2F707716%2Fa3cff1f0-b507-4795-ae12-e4fa177793d5.gif</url>
      <title>DEV Community: Lakira Minlaka</title>
      <link>https://dev.to/lakiramd</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lakiramd"/>
    <language>en</language>
    <item>
      <title>Let's Add Buy Me a Coffee Widget to your WebSite in 30 Seconds</title>
      <dc:creator>Lakira Minlaka</dc:creator>
      <pubDate>Tue, 28 Dec 2021 17:36:25 +0000</pubDate>
      <link>https://dev.to/lakiramd/lets-add-buy-me-a-coffee-widget-to-your-website-in-30-seconds-3e4i</link>
      <guid>https://dev.to/lakiramd/lets-add-buy-me-a-coffee-widget-to-your-website-in-30-seconds-3e4i</guid>
      <description>&lt;p&gt;Buy Me a Coffee is a great place to get help from your clients. Maybe you've seen some people put a Buy Me a Coffee widget on their website or in their products. Today I will gonna show you how to add a Buy me a Coffee widget to your website like that. It is simple as ABC and it only takes as little as 30 seconds. I think most of you already know what Buy Me a Coffee is. But it doesn't matter if you don't know. Let’s take a look at what Buy Me a Coffee is and why people use it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is Buy me a Coffee? and Why?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Buy me a Coffee is a service for online content creators where you can get tips and donations from your clients for your work. Although the title is "Buy Me a Coffee", subscribers actually donate money to you. All you have to do is start a page. Then your customers can go to it and help you by buying a coffee. Here you can change &lt;em&gt;coffee☕&lt;/em&gt; to whatever you want, like pizza🍕 or beer🍺.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/TDQOtnWgsBx99cNoyH/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/TDQOtnWgsBx99cNoyH/giphy.gif" alt="buymeacoffee.gif"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let’s move on to our main topic. First, you should have a Buy me a Coffee page. If you do not have a page, go &lt;a href="https://www.buymeacoffee.com/" rel="noopener noreferrer"&gt;here&lt;/a&gt;  and create your Buy me a Coffee page. It is completely free and very simple. And it takes just about 1 minute.&lt;/p&gt;

&lt;p&gt;Now go ahead to your &lt;a href="https://www.buymeacoffee.com/dashboard" rel="noopener noreferrer"&gt;dashboard&lt;/a&gt;, and scroll down to &lt;em&gt;Integrations to take it to the next level&lt;/em&gt;. Then click on the button labeled Website Buttons. Now you can see Pop Up like this.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640527755350%2FpSBY5l3rS.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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640527755350%2FpSBY5l3rS.png" alt="img-1.png"&gt;&lt;/a&gt;&lt;br&gt;
Then go to the overlay widget. Now you can see one of these. You can enter the message you want from the text box here. You can also choose the color you want. Once you have customized it, you have to click on the Generate Widget button.&lt;/p&gt;

&lt;p&gt;Then you will see a code like this. Yours may be different than mine.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640528182686%2FR8IiA16yl.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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640528182686%2FR8IiA16yl.png" alt="Screenshot_13.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now you go to the HTML file of your website. Now you have to paste the code inside the header tag. And it will be like this.👇&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640526274619%2FaREoIm-U6.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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640526274619%2FaREoIm-U6.png" alt="carbon (15).png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now go to your website and you will be able to see something like this.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640526372351%2FrOp16FAU8.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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640526372351%2FrOp16FAU8.png" alt="Screenshot_9.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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640526333251%2FxMvfqDMh3.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%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1640526333251%2FxMvfqDMh3.png" alt="Screenshot_10.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's all congrats🎉! You did it🤩&lt;/p&gt;

&lt;p&gt;Thank you for reading. If you enjoy reading this and find something useful hit the like💖 and share this💬. If you have any questions or feedback for me, feel free to leave them below.😊&lt;/p&gt;

&lt;p&gt;And don't forget to follow me on  &lt;a href="https://twitter.com/Lakira_md" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;  for more updates!😉&lt;/p&gt;

&lt;p&gt;Thanks again for reading✨!Happy Hacking🎉&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>tutorial</category>
      <category>beginners</category>
    </item>
    <item>
      <title>5 GitHub repositories that can help you in writing better CSS code </title>
      <dc:creator>Lakira Minlaka</dc:creator>
      <pubDate>Sun, 26 Sep 2021 13:14:46 +0000</pubDate>
      <link>https://dev.to/lakiramd/5-github-repositories-that-can-help-you-in-writing-better-css-code-1id6</link>
      <guid>https://dev.to/lakiramd/5-github-repositories-that-can-help-you-in-writing-better-css-code-1id6</guid>
      <description>&lt;ol&gt;
&lt;li&gt;Spin Kit&lt;/li&gt;
&lt;/ol&gt;

&lt;ul&gt;
&lt;li&gt;A collection of loading indicators animated with CSS&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/tobiasahlin/SpinKit"&gt;https://github.com/tobiasahlin/SpinKit&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Ods53dL6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z1fbt56dih4oob4wl48o.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Ods53dL6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z1fbt56dih4oob4wl48o.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;1.Hover&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images, and so on&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/IanLunn/Hover"&gt;https://github.com/IanLunn/Hover&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--d4YXmyv2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cez3x1o9a85mfw04xftx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--d4YXmyv2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cez3x1o9a85mfw04xftx.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;1.Magic of CSS&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A CSS course to turn you into a magician&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/adamschwartz/magic-of-css"&gt;https://github.com/adamschwartz/magic-of-css&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--fenfgh1K--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9k81ibdnfi5k6wbzhn0x.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fenfgh1K--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9k81ibdnfi5k6wbzhn0x.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;1.Awesome CSS&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A curated contents of amazing CSS&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/awesome-css-group/awesome-css"&gt;https://github.com/awesome-css-group/awesome-css&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nTop1I84--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w67ccl5k5s76odav6u8i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nTop1I84--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w67ccl5k5s76odav6u8i.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;1.CSS Pro Tip&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;As the repo name suggests, In this repo you'll find a lot of tips and tricks that can help you to become a CSS pro&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://github.com/AllThingsSmitty/css-protips"&gt;https://github.com/AllThingsSmitty/css-protips&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s---tyHJH3---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/879xx7rydj2l114noqt5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s---tyHJH3---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/879xx7rydj2l114noqt5.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>html</category>
      <category>webdev</category>
      <category>style</category>
    </item>
  </channel>
</rss>
