<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Anas Bayu Kusuma on Medium]]></title>
        <description><![CDATA[Stories by Anas Bayu Kusuma on Medium]]></description>
        <link>https://medium.com/@anasbayu?source=rss-f54526b9e1ef------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*yc0Hp2rqg0BoVRi5bxpQpA.jpeg</url>
            <title>Stories by Anas Bayu Kusuma on Medium</title>
            <link>https://medium.com/@anasbayu?source=rss-f54526b9e1ef------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Fri, 05 Jun 2026 12:45:58 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@anasbayu/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[I am Making a Video Game!]]></title>
            <link>https://anasbayu.medium.com/i-am-making-a-video-game-e8c48bc0cf16?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/e8c48bc0cf16</guid>
            <category><![CDATA[unity3d]]></category>
            <category><![CDATA[indie-game]]></category>
            <category><![CDATA[game-development]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Thu, 17 Jul 2025 00:11:38 GMT</pubDate>
            <atom:updated>2025-07-17T00:11:38.238Z</atom:updated>
            <content:encoded><![CDATA[<p>I have always been fascinated by games, and now I want to make one. This post is the first of many post series that I will write along with the development of the game.</p><figure><img alt="Tiny Sword asset pack that I will use for my game. Get this asset here https://pixelfrog-assets.itch.io/tiny-swords" src="https://cdn-images-1.medium.com/max/1024/1*IzuvmiqlnxXBERyNqjySfQ.png" /><figcaption>Tiny Swords asset pack that I will use for my game. Get this asset here: <a href="https://pixelfrog-assets.itch.io/tiny-swords">https://pixelfrog-assets.itch.io/tiny-swords</a>.</figcaption></figure><h3>The Idea</h3><p>I want to create a simple hack n slash game. I found a wonderful asset that I instantly fell in love with. The asset is called Tiny Swords. You can download the asset here <a href="https://pixelfrog-assets.itch.io/tiny-swords">https://pixelfrog-assets.itch.io/tiny-swords</a>. It’s free to use commercially too!</p><p>The asset heavily inspires this game. The theme will be &#39;Kingdoms at War.&#39; The goal of this game is to capture the enemy castle. The Player controls a knight of a certain kingdom and recruits footmen to help him capture the enemy castle.</p><h3>The Gameplay</h3><p>I want to make this game as simple as possible. This is the core loop of the game. Kill the enemy, get coin, and recruit allies. Along the way, I may change this loop to spice up things, but this will do for now.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/435/1*m1Zs02iO4cGvxlG9UbgYdQ.png" /><figcaption>The core loop of this game.</figcaption></figure><h3>The Prototype</h3><p>I started by importing the asset and slicing it. Then, I make a terrain with a tileset. Here is the idle animation for the knight.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/502/1*Hdl-0lFRkWZhckCutQyU4w.gif" /><figcaption>Red knight idle animation.</figcaption></figure><p>Next, I code the movement script. It’s just a simple top down movement. I also added a flipping mechanism through code.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/502/1*ZUblgZcQB_ocukEQv4rcYA.gif" /><figcaption>Run animation with flipping mechanism.</figcaption></figure><h3>What’s Next?</h3><p>In the next post, I will create the attacking mechanism. Let’s get some action in the next post!</p><p>P.S. Thanks to Pixelfrog for this wonderful asset!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e8c48bc0cf16" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Cara menambahkan Gravity Scale pada 3D object di Unity]]></title>
            <link>https://medium.com/bit-tuts/cara-menambahkan-gravity-scale-pada-3d-object-di-unity-6022fc7671fe?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/6022fc7671fe</guid>
            <category><![CDATA[physics]]></category>
            <category><![CDATA[indonesia]]></category>
            <category><![CDATA[indiedev]]></category>
            <category><![CDATA[game-development]]></category>
            <category><![CDATA[unity3d]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Wed, 14 Aug 2024 01:00:05 GMT</pubDate>
            <atom:updated>2024-08-14T01:00:05.024Z</atom:updated>
            <content:encoded><![CDATA[<p>Pernahkah kamu membuat sebuah project 3D di Unity dan merasa feeling gravitasinya kurang cocok dengan feeling yang ingin kamu buat di project kamu? Kemudian kamu mencari-cari cara mengatur kekuatan gravitasi dan menemukan pengaturan gravitasi di window Project Settings &gt; Physics &gt; Gravity (seperti gambar di bawah), namun ketika kamu mengubah nilai dari gravitasi di sumbu Y yaitu -9.81 (dimana itu nilai gravitasi bumi asli), tapi seluruh GameObjects terkena perubahan gravitasi, padahal kamu hanya ingin mengubah gravitasi beberapa object saja?</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/826/1*yyePeO7CEIKu-hrR6C9LFw.png" /><figcaption>Pengaturan gravitasi global di Project Settings &gt; Physics &gt; Gravity</figcaption></figure><p>Di Unity sebetulnya ada cara untuk merubah nilai gravitasi dari suatu object tertentu saja, namun hal itu hanya tersedia di 2D project. Pada komponen Rigidbody2D, terdapat sebuah variabel Gravity Scale (seperi gambar di bawah). Kita dapat mengedit nilai dari Gravity Scale untuk setiap Rigidbody2D yang ada di scene. Semakin besar nilainya, maka semakin besar tarikan gravitasinya. Lalu pertanyaanya, bagaimana kita dapat melakukan hal yang sama (mengedit Gravity Scale) di Rigidbody3D?</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/265/1*PbVBsOrO6U8FPxsVrk8N6g.png" /><figcaption>Gravity Scale pada Rigidbody2D</figcaption></figure><h3>Menambahkan Gravity Scale di Rigidbody3D</h3><p>Untuk membuat custom Gravity Scale pada Rigidbody3D, kita cukup melakukan 1hal saja, yaitu membuat sebuah script yang dapat memodifikasi gravitasi dan menonaktifkan penggunaan gravitasi default.</p><h4>Membuat script</h4><p>Karena tidak ada cara default, kita harus membuat sebuah script yang dapat melakukan hal ini. Pertama, klik kanan di project window dan buatlah sebuah script. Kita bisa memberi nama script dengan CustomGravity.cs.</p><pre>public class CustomGravity : MonoBehaviour<br>{<br>    [SerializeField] float gravityScale = 1.0f;<br>    public static float globalGravity = -9.81f;<br> <br>    Rigidbody rb;<br> <br>    void OnEnable (){<br>        rb = GetComponent&lt;Rigidbody&gt;();<br>        rb.useGravity = false;<br>    }<br> <br>    void FixedUpdate (){<br>        Vector3 gravity = globalGravity * gravityScale * Vector3.up;<br>        rb.AddForce(gravity, ForceMode.Acceleration);<br>    }<br>}</pre><p>pada class CustomGravity ini, terdapat 2 buah variable yaitu gravityScale dan globalGravity. Kita isi nilai globalGravity dengan nilai yang sama seperti di Projects Setting &gt; Physics &gt; Gravity yaitu -9.81f (nilai gravitasi asli bumi). Selanjutnya, ada variable gravityScale, dimana kita dapat mengubah-ubah nilai di variable ini persis seperti Gravity Scale yang ada di Rigidbody2D. Kita beri nilai 1f dulu saja.</p><p>Pada method OnEnable(), kita mencari referensi Rigidbody dan memasukkannya ke variable rb. Selain itu, kita juga memastikan bahwa gameObject yang dipasang script ini tidak menggunakan defaul gravitasi dari Rigidbody dengan cara <em>rb.useGravity = false</em>.</p><p>Pada method FixedUpdate(), kita menghitung gravitasi yang baru untuk diimplementasi ke gameObject ini. Perhitungannya tinggal mengalikan gloabalGravity dengan gravityScale dan Vector3.up. Kita perlu mengalikan Vector3.up karena nilai gravitasi pada Rigidbody merupakan sebuah vector (dapat dilihat pada gambar pertama). Terakhir, kita tinggal aplikasikan saja nilai gravitasi baru pada variable gravity ke gameObject dengan cara <em>rb.AddForce().</em></p><p>Mudah bukan? Dengan adanya script ini, sekarang kamu dapat mengedit Gravity Scale pada gameObject yang kamu inginkan. Tinggal pasang script tersebut ke sebuah gameObject, lalu edit nilai Gravity Scalenya sesuai keinginan kamu.</p><h4>Call To Action</h4><p>Aku berencana untuk membuat sebuah publikasi berisi segala hal septur game development berbahasa Indonesia dengan nama Game Dev Indo. Jika kamu suka dengan tutorial ini, boleh follow publikasi yang aku buat ya! :)</p><p>*ps: saat ini aku juga sedang membuat sebuah game tentang kucing yang hidup di desa kucing rahasia, boleh mampir ke <a href="https://www.instagram.com/village.meow/">Instagram</a> kami ya! See you pada tulisan berikutnya.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=6022fc7671fe" width="1" height="1" alt=""><hr><p><a href="https://medium.com/bit-tuts/cara-menambahkan-gravity-scale-pada-3d-object-di-unity-6022fc7671fe">Cara menambahkan Gravity Scale pada 3D object di Unity</a> was originally published in <a href="https://medium.com/bit-tuts">Game Dev Indo</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[what does a product manager do?]]></title>
            <link>https://anasbayu.medium.com/what-does-a-product-manager-do-71a754877e14?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/71a754877e14</guid>
            <category><![CDATA[product-development]]></category>
            <category><![CDATA[how-to-be-a-pm]]></category>
            <category><![CDATA[product-management]]></category>
            <category><![CDATA[pm]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Tue, 26 Jul 2022 08:55:58 GMT</pubDate>
            <atom:updated>2022-07-26T08:55:58.284Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*JNsKCbecs84LvfA7qKe8rw.jpeg" /><figcaption>Photo by Henri Mathieu-Saint-Laurent on <a href="https://www.pexels.com/photo/coworkers-looking-at-documents-together-8355406/">Pexels</a></figcaption></figure><blockquote>in short, PM does everything to make his product successful.</blockquote><p>Unlike software engineers or business development, a product manager doesn’t have a degree we can take to be one. In fact, to become a product manager, you have to know everything. A product manager is a generalist, a jack of all trades. A product manager has to know business, design, and technology. He doesn’t need to master it, just know the basic so he can escalate the problem to the correct team. A product manager has to have excellent communication and managerial skill because he will work with a LOT of people and presentation is almost a daily routine. A product manager is a role that solves problems. Despite all of that, the product manager role is a fun and challenging thing to be. Maybe you want to become a product manager, so here are some things a product manager does.</p><h4>become a problem solver</h4><p>A product manager must understand the problem they tried to solve with their product. In order to understand the problem, a product manager must first understand the user/customer. A good product manager can determine the pain point of the users and offer a list of solutions for their problems.</p><h4>be visionary</h4><p>Vision is an important part of the product. A product manager is responsible for setting the direction of their product. Where will the product go, and what steps should be taken to get there. In the making of this vision, a product manager should align the product vision to the organization&#39;s vision. A product manager should communicate their product vision to the executives and organization leaders in order to align their product vision to the organization&#39;s vision and strategy. It is important for a product manager to be able to convince the executives why they should go with the product vision.</p><h4>lead without authority</h4><p>A product can’t be made alone. That is why product managers always rely upon other teams such as the engineering team, business development team, design team, marketing team, support team, and others. A product manager doesn’t have to master these different disciplines, but he should at least know them! A product manager is not a “managerial” role, and these teams don’t answer to the product manager. That is why a product manager should be able to lead without authority. He should be able to make those different teams on one page with the product vision. He should be able to lead them in building the right product even when these teams consist of very diverse individuals.</p><h4>the hub for every team</h4><p>It is common that each of the teams in a company works alone. The design team has its own backlog and is different from the engineering team’s backlog. The business development team may have a new strategy on their sleeve that the other teams don’t know. This is where the product manager comes in. He should be able to bring all of these teams together. Every team should know each other&#39;s plans in order to create the right product. A product manager should be able to align these teams with the product vision and strategy.</p><h4>Prioritize what to build</h4><p>With such little time and limited manpower. A product manager must be able to prioritize each item in their product backlog. Which item is the most important and which can wait? Product managers can use many prioritization tools to do this. He should be able to determine the items that can give the biggest outcomes for the product vision</p><h4>the go-to person for his product</h4><p>When people have a question about your product, they will go to you. They will expect you to know all of the answers regarding your product. You have to know the ins and out of your product. How it works, what features are there, the product metric, user profile, the development plan for your product, the obstacle, and so on.</p><h4>master the uncertainty and ambiguity</h4><p>The product manager&#39;s job is full of uncertainty and ambiguity. A product manager has to adapt to such ambiguity and excel in it. Maybe your product sign-up rate is declining and you don’t know the cause. Maybe there are new government regulations and your product is affected by them. Or maybe you have to reach a certain goal/milestone with your product to achieve your organizational strategy. You have to work with the related team for each problem/goal and find out the solution. Every day is uncertain and that is why it is so fun to be a product manager!</p><p>Being a product manager can be intimidating at first because you are the person everyone is looking up to. It is a path that will make you always learn and adapt to new things. It is a path that will make you become creative and constantly think outside the box. But in the end, it is worth being a product manager because you can make a vision into a product that people use to solve their problems.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=71a754877e14" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[My Profit Taking Strategy]]></title>
            <link>https://anasbayu.medium.com/my-profit-taking-strategy-190232cdcb1d?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/190232cdcb1d</guid>
            <category><![CDATA[investing]]></category>
            <category><![CDATA[stocks]]></category>
            <category><![CDATA[personal-finance]]></category>
            <category><![CDATA[cryptocurrency]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Wed, 23 Feb 2022 18:03:11 GMT</pubDate>
            <atom:updated>2022-02-23T18:03:11.196Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/640/1*zGe6MYidAkMh2ziWsxII-Q.jpeg" /><figcaption>Photo by <a href="https://www.pexels.com/@pixabay?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Pixabay</a> from <a href="https://www.pexels.com/photo/cash-coins-money-pattern-259165/?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Pexels</a></figcaption></figure><p>There are many investment strategies out there but here is what I have been using to make sure I am not at a loss all the time while investing (especially in high-risk high-return investments). But before we start, this is not financial advice and just for educational purposes only. Take control of your own money and always do your research before investing!</p><h4>Rule #1: reach breakeven first!</h4><p>Always, always, always aim for breakeven first before considering another degen strategy. If you reach breakeven, all the leftover money is free money, and by all means, if the project you are investing in is falling you won’t lose money! So what I did first is aim for breakeven. You can do this in many ways which lead to another rule below.</p><h4>Rule #2: buy low sell high</h4><p>well duh! Everyone knows we have to buy low and sell high. But many times investors buy at the highest point before the chart falls. It happens because the market move so unpredictably. When the price rise especially when everybody is hyped with the project/investment, it is time to sell and make some profit! Not the other way around.</p><h4>Rule #3: Always take profit, but not too much!</h4><p>Sometimes we got so greedy and don’t sell our investment at a high price only because we think it will rise. But here is the thing, if there is a big rise, there will be a big down too. Why? because people taking a profit! So don’t hold your investment forever, take some profit and use some of the profit to buy back the dip.</p><h4>Rule #4: No FOMO!</h4><p>many people including me have experienced FOMO (fear of missing out). It is hard not to be lured by news of big opportunities. But remember most of the time that big news you heard is already too late. So when you heard some big news, remember to clarify and do some analysis and risk management first.</p><h4>Rule #5: Don’t forget to invest in conservative assets</h4><p>I know conservative assets can be boring because they don’t have as high a return as degen strategy. But if you have some portions of your investments portfolio in conservative assets, you will be able to sleep soundly at night especially when the market is unpredictable. So what I like to do is split the profit into 20–80. Where 20% goes to conservative assets and 80% will be used to reinvest in the other high-risk high-reward investment.</p><h4>Conclusion</h4><p>So this is just my strategy, not financial advice. Always do your research when investing. Maybe you have a better investment strategy you can share? Feel free to reach out!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=190232cdcb1d" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[3 Unthinkable Scenarios If Humankind Encounter Aliens]]></title>
            <link>https://anasbayu.medium.com/3-unthinkable-scenarios-if-humankind-encounter-alien-b81111ee8e8?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/b81111ee8e8</guid>
            <category><![CDATA[mwc-space]]></category>
            <category><![CDATA[space]]></category>
            <category><![CDATA[universe]]></category>
            <category><![CDATA[aliens]]></category>
            <category><![CDATA[science-fiction]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Mon, 02 Aug 2021 19:11:55 GMT</pubDate>
            <atom:updated>2021-08-02T19:19:39.588Z</atom:updated>
            <content:encoded><![CDATA[<h3>3 Unthinkable Scenarios If Humankind Encounter Alien</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zWpFJ67Jd1scUsHGNpTluw.jpeg" /><figcaption>Photo by <a href="https://www.pexels.com/@tom-leishman?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Tom Leishman</a> from <a href="https://www.pexels.com/photo/astronaut-waiting-at-a-bus-stop-5259408/?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Pexels</a></figcaption></figure><p>Humankind has always been curious about life beyond our planet. We always tried to reach into the unknown hoping to find astonishing discoveries the world has ever known. But what if we did find one? What then?</p><h3>Will humankind invade the alien race?</h3><p>Countless movies and books have told us that if there was alien, they would invade our planet and enslave humankind, but what if someday our spacecraft landed on one beautiful planet at the edge of the universe and find out that there are civilized creature living on that planet? That civilized creatures, let’s just call them alien, were not so civilized. Our technology was way advanced than theirs by hundreds of years of scientific development. Humankind became greedy — as always and started to think to invade this new beautiful remote planet and make its second home for humankind. What if we succeed in invading the alien planet and enslave them? Maybe we harvested their natural resources to fund another space exploration project in finding another habitable planet. Suddenly we became the evil race of the universe, or maybe we already are?</p><h3>What if They told us that they created us and have been watching us forever?</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*B7TKgDjcgDe83tJoN3RGGg.jpeg" /><figcaption>Photo by <a href="https://www.pexels.com/@mikhail-nilov?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Mikhail Nilov</a> from <a href="https://www.pexels.com/photo/woman-wearing-spacesuit-and-helmet-7664624/?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Pexels</a></figcaption></figure><p>The most terrifying thing is that we are watched but we don’t know it. What if someday we know that there is another civilized being in outer space and that being told us that they created humankind. Billions of years ago they created us and put us on this planet earth. They watched us and do some experiments. they created disasters like big natural disasters just to see what impact it has on humankind. They studied us, make us turn each other, and see what happens in the end. They grant us wealth and prosperity, they give us clues of knowledge and see what we make of it. What if they have been watching and studying humankind forever and one day they decided to tell us the truth and say they had enough use of humankind and dispose of us?</p><h3>We are their descendant, Earth is a colony</h3><p>What if the alien that we encounter looks just like us — human? Maybe they speak differently, but they are practically human. Have 2 legs, 2 arms, 2 eyes, just like us. What if they told us that long ago we came from the stars. That humankind was an explorer of the universe and has been searching planets to colonize? Our ancestors land on this blue planet called earth and that was billions of years ago. What if the true habitant of the earth was a big scary monster called dinosaurs and our ancestors fought with them until there was a huge disaster and everything is destroyed? Our ancestor&#39;s civilization was destroyed along with dinosaurs and the space human thinks humankind has perished on earth because of the natural disaster. But we survived. Humankind survived and begin again from zero, not knowing their ancestor history and technology. Until one day our communication device captured a strange signal in the space and the space human contacted us and told the real stories!</p><h3>Final thoughts</h3><p>Curiosity has always been humankind&#39;s best friend in advancing our knowledge. The world beyond our planet Earth has always been fascinating to explore and study. Someday humankind will reveal the secrets of the universe. Just be wise when the time comes human!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=b81111ee8e8" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Tailwindcss with SvelteKit]]></title>
            <link>https://anasbayu.medium.com/tailwindcss-with-sveltekit-257d06da7800?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/257d06da7800</guid>
            <category><![CDATA[programming]]></category>
            <category><![CDATA[sveltekit]]></category>
            <category><![CDATA[install]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[tailwind]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Sun, 01 Aug 2021 16:27:13 GMT</pubDate>
            <atom:updated>2021-08-01T16:27:13.355Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Ak3-Lzp5qpWD0seOLt7FgA.jpeg" /><figcaption>Duo combo for fast beautiful web apps</figcaption></figure><p>A couple of months ago I tried Tailwindcss and now I can’t imagine working on a project without it! Tailwindcss has made styling fun again. On the other hand, SvelteKit is a framework for building extremely high-performance web apps (definition taken from their <a href="https://kit.svelte.dev/docs"><em>site</em></a>). SveleKit is based on Svelte and it’s still in early development as of now. There are known bugs but let’s just try it!</p><h3>Install SvelteKit</h3><figure><img alt="Sveltekit installation command" src="https://cdn-images-1.medium.com/max/756/1*8_aPaP0aeL69Tf5uriRPjQ.png" /><figcaption>How to install SvelteKit</figcaption></figure><p>First thing first, install the SvelteKit project. Let’s just follow the steps to install SvelteKit from the <a href="https://kit.svelte.dev/">website</a>. These commands will create a SvelteKit project named <em>my-app</em>. Once the installation is done, let’s add Tailwindcss to our project.</p><h3>Add Tailwindcss to SvelteKit project</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/856/1*On--CK-zkjF9ozTNtrCQqQ.png" /><figcaption>Adding TailwindCSS to SvelteKit project</figcaption></figure><p>We use JIT (Just In Time) mode from Tailwindcss that is available in Tailwind <em>v2.1+</em>. It may prompt you to install the svelte-add package, just choose ‘Yes’.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/915/1*dcBokPBfvcWJQjVlJK1-dA.png" /><figcaption>finished installing Tailwindcss on the SvelteKit project</figcaption></figure><p>After Tailwindcss is successfully installed, let’s install all of the packages in the project. type ‘npm install’</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/486/1*5D6t4IxHcpWtkG0sOqC3VQ.png" /></figure><p>Voila! You just successfully installed Tailwindcss and SvelteKit project! To run your project in development mode just type ‘<em>npm run dev</em>’ and the project will run on ‘<a href="http://localhost:3000/">http://localhost:3000</a>’.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=257d06da7800" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[TailwindCSS — Login Form #0 (Intro)]]></title>
            <link>https://medium.com/bit-tuts/tailwindcss-login-form-0-intro-9b8b97416f89?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/9b8b97416f89</guid>
            <category><![CDATA[tutorial]]></category>
            <category><![CDATA[indonesia]]></category>
            <category><![CDATA[tailwind-css]]></category>
            <category><![CDATA[css]]></category>
            <category><![CDATA[login]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Mon, 26 Apr 2021 19:21:12 GMT</pubDate>
            <atom:updated>2021-04-26T19:23:27.514Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xgaKsd6kVs0eK_mspviC5A.png" /><figcaption>Login form sederhana menggunakan TailwindCSS</figcaption></figure><h3>TailwindCSS — Login Form #0 (Intro)</h3><p>Tulisan ini merupakan awal dari beberapa seri tutorial TailwindCSS dalam project membuat login form sederhana seperti pada gambar cover.</p><p>Link Repository: <a href="https://github.com/anasbayu/bittuts-tailwindcss">https://github.com/anasbayu/bittuts-tailwindcss</a></p><h4>Prerequiste</h4><ol><li>Paham HTML &amp; CSS</li><li>Sudah menginstall TailwindCSS (jika belum, kamu dapat membaca tutorial installasi TailwindCSS pada <a href="https://medium.com/bit-tuts/tailwindcss-1-installasi-tanpa-framework-79ef4790579d">https://medium.com/bit-tuts/tailwindcss-1-installasi-tanpa-framework-79ef4790579d</a>)</li></ol><h4>Source Code Snippet</h4><p>Untuk kamu yang langsung ingin melihat kode halaman login ini.</p><iframe src="" width="0" height="0" frameborder="0" scrolling="no"><a href="https://medium.com/media/1e8a53b33846c9c6efc40b0ed8bb9105/href">https://medium.com/media/1e8a53b33846c9c6efc40b0ed8bb9105/href</a></iframe><h4>Apa yang akan kamu pelajari?</h4><p>Pada seri tutorial ini kamu akan mempelajari bagaimana cara menggunakan TailwindCSS mulai dari layouting, mengatur warna, font, hingga dapat membuat sebuah login form sederhana.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9b8b97416f89" width="1" height="1" alt=""><hr><p><a href="https://medium.com/bit-tuts/tailwindcss-login-form-0-intro-9b8b97416f89">TailwindCSS — Login Form #0 (Intro)</a> was originally published in <a href="https://medium.com/bit-tuts">Game Dev Indo</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[TailwindCSS — #1 Installasi [tanpa framework]]]></title>
            <link>https://medium.com/bit-tuts/tailwindcss-1-installasi-tanpa-framework-79ef4790579d?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/79ef4790579d</guid>
            <category><![CDATA[indonesia]]></category>
            <category><![CDATA[tailwind-css]]></category>
            <category><![CDATA[tutorial]]></category>
            <category><![CDATA[pemrograman]]></category>
            <category><![CDATA[css]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Sat, 24 Apr 2021 22:49:58 GMT</pubDate>
            <atom:updated>2021-04-25T03:54:08.621Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oPL8C-i04sqAUoOS_da9aA.jpeg" /><figcaption>TailwindCSS — <a href="https://tailwindcss.com/">https://tailwindcss.com/</a></figcaption></figure><h3>TailwindCSS — #1 Installasi [tanpa framework]</h3><p>Instalasi TailwindCSS dapat sedikit berbeda tergantung framework apa yang kamu gunakan. Pada tulisan ini kita akan melakukan instalasi TailwindCSS via npm tanpa menggunakan framework apapun dan tanpa PostCSS.</p><h4>Prerequisite</h4><ol><li>Menguasai HTML dan CSS</li><li>Sudah menginstall node.js 12.13.0+ (<a href="https://nodejs.org/en/">https://nodejs.org</a>)</li><li>Memahami perintah <em>command line</em></li></ol><h4>Install Node.js</h4><p>Tidak perlu khawatir jika kamu belum memahami node.js. Kita hanya perlu menginstall Node.js untuk melakukan installasi TailwindCSS via npm (node package manager). Jika kamu belum menginstall Node.js, silahkan kunjungi <a href="https://nodejs.org/en/">https://nodejs.org</a> dan ikuti petunjuk installasinya.</p><h4>Install TailwindCSS via npm</h4><p>Setelah kamu dapat menggunakan perintah “npm” di <em>command line</em>, langkah selanjutnya tinggal menginstall TailwindCSS. Ketikkan perintah dibawah ini pada <em>command line</em> mu (abaikan comment (“//”).</p><pre><strong>mkdir bit-tuts</strong> //membuat folder latihan  bernama &quot;bit-tuts&quot;</pre><pre><strong>cd bit-tuts</strong> //masuk ke folder latihan &quot;bit-tuts&quot;</pre><pre><strong>npm init</strong> //membuat file &quot;package.json&quot;</pre><pre><strong>npm install tailwindcss </strong>//installasi tailwindcss</pre><p>Setelah menjalankan perintah-perintah tersebut seharusnya folder “bit-tuts” mu berisi sebuah folder “node modules”, sebuah file “package.json”, dan sebuah file “package-lock.json” seperti pada gambar dibawah.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/819/1*5Gbmcn4H_41zMlJGPJxhYw.png" /><figcaption>isi folder “bit-tuts”</figcaption></figure><h4>Menambahkan TailwindCSS ke file CSS</h4><p>Setelah berhasil menginstall TailwindCSS, langkah selanjutnya membuat 2 folder yaitu “src” dan “public”. Kemudian buat sebuah file css bernama “style.css” pada direktori “src/style.css”.</p><pre><strong>mkdir src</strong> //membuat folder latihan  bernama &quot;src&quot;</pre><pre><strong>mkdir public</strong> //membuat folder latihan  bernama &quot;public&quot;</pre><pre><strong>echo &quot;&quot; &gt; src/style.css </strong>//membuat file &quot;style.css&quot;, atau tinggal<br>                  //klik new file saja di text editor kesayanganmu</pre><p>Seharusnya sekarang folder projectmu akan seperti gambar dibawah ini dengan “style.css” berada didalam folder “src/style.css”.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/822/1*kYcQS5sooxJyAj_oVrWyWA.png" /><figcaption>Isi folder bit-tuts</figcaption></figure><p>Selanjutnya <em>copy</em> perintah dibawah ini ke file “src/style.css”. Langkah ini dilakukan jika kamu tidak menggunakan PostCSS.</p><pre>//Ada dalam file &quot;src/style.css&quot;<br><strong>@tailwind base;<br>@tailwind components;<br>@tailwind utilities;</strong></pre><h4>Build TailwindCSS! (tanpa PostCSS)</h4><p>Langkah terakhir tinggal lakukan build pada project mu. Dengan melakukan build ini, npm akan mengcompile TailwindCSS yang didapat dari file “src/style.css” ke “public/style.css” yang nantinya akan kita gunakan. Untuk menjalankan build, jalankan perintah dibawah ini.</p><pre><strong>npx tailwindcss-cli@latest build -o public/tailwind.css</strong></pre><pre>//--------NOTE--------<br>  //npx -&gt; npm package runner<br>  //tailwindcss-cli@latest build -&gt; perintah build TailwindCSS<br>  //-o public/tailwind.css -&gt; output build ke direktorat tersebut</pre><p>Sekarang seharusnya sudah ada file di “public/tailwind.css” yang isinya hasil kompilasi css dari TailwindCSS.</p><h4>Kesimpulan</h4><p>Installasi TailwindCSS sangatlah mudah, namun memiliki variasi yang sedikit berbeda tergantung dengan apa kamu bekerja. Misalnya ketika menginstall di project Laravel pastinya akan berbeda dari menginstall di project React. Lebih detail tentang installasi TailwindCSS dapat kamu lihat di <a href="https://tailwindcss.com/docs/installation">https://tailwindcss.com/docs/installation</a>. Pada tulisan berikutnya kita akan mencoba keseruan menggunakan TailwindCSS!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=79ef4790579d" width="1" height="1" alt=""><hr><p><a href="https://medium.com/bit-tuts/tailwindcss-1-installasi-tanpa-framework-79ef4790579d">TailwindCSS — #1 Installasi [tanpa framework]</a> was originally published in <a href="https://medium.com/bit-tuts">Game Dev Indo</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Easiest Way to Mine Dogecoin (or any other coins)]]></title>
            <link>https://anasbayu.medium.com/easiest-way-to-mine-dogecoin-or-any-other-coins-319f8317c628?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/319f8317c628</guid>
            <category><![CDATA[crypto]]></category>
            <category><![CDATA[dogecoin]]></category>
            <category><![CDATA[cryptocurrency]]></category>
            <category><![CDATA[bitcoin-mining]]></category>
            <category><![CDATA[bitcoin]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Sun, 14 Feb 2021 13:59:21 GMT</pubDate>
            <atom:updated>2021-02-14T14:01:33.761Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*h2ypEMR0PYIblK7gV-Q2Gg.jpeg" /><figcaption>Photo by <a href="https://www.pexels.com/@thought-catalog-317580?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Thought Catalog</a> from <a href="https://www.pexels.com/photo/woman-holding-two-coins-2228570/?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Pexels</a></figcaption></figure><p>Cryptocurrency is all the hype nowadays. If you are interested in the world of cryptocurrency and want to try mining some coins, then read on! I assume you already know what cryptocurrency is and how it works.</p><h4>Get a Crypto Wallet</h4><p>The first thing to do is to get a wallet. As the name suggests, a crypto wallet is a place to store your cryptocurrencies. There are many good wallets out there, I use Exodus wallet (<a href="https://www.exodus.com/">https://www.exodus.com</a>/). Just install any wallet of your choice that can store Dogecoin.</p><h4>Get a Crypto Miner</h4><p>There are many mining software for different coins. Some coins use a certain algorithm to mine, while others use a different algorithm. Some mining software is optimized for certain algorithms and certain computer hardware, so choose the mining software that suits you the best. I use Unmineable Mining Software (<a href="https://unmineable.com/miner">https://unmineable.com/miner</a>). Just download and install the miner.</p><h4>Find Mining Pool</h4><p>While you can mine solo, I recommend that you consider joining a mining pool. The reason is your computer is not strong enough to mine solo unless you have a super mining rig. I use Unmineable (<a href="https://unmineable.com/coins/BTT">https://unmineable.co</a>m).</p><h4>Start Mining</h4><p>I will show you how to mine Dogecoin using Unmineable miner and Unmineable Pool. First copy your Dogecoin Wallet address (very important, don’t get it wrong). It will look like this<em> DM6mRre6tyPyTgFiGs83j3XsKaVpgXXXXX. </em>Then open Unmineable miner and choose Graphics Card (GPU) mining hardware. Then choose Dogecoin and copy-paste your Dogecoin wallet.</p><figure><img alt="Unmineable Dogecoin" src="https://cdn-images-1.medium.com/max/481/1*jXMaQM_PiWQre5FuITHl-w.png" /><figcaption>Unmineable Miner — Setup</figcaption></figure><p>Your Unmineable form should look like the picture above. If you are kind enough, do fill the referral code with <strong><em>s7ne-rbo7</em></strong>. It will also lower your mining fees to 0.75%!</p><p>The last step is to click the green start button.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*8quTA4zMKKC3NMw7RteUuw.png" /><figcaption>Unmineable miner — status</figcaption></figure><p>After the miner calculates your hash rate, it will show at the bottom left corner. I use an HP Omen laptop with NVidia Gefore GTX 1650 TI and it only has 8.2 Mh. So it is recommended to mine with a mining rig to get a better hash rate. Unmineable will transfer your newly minted Dogecoin to your wallet (with a fee) if you reached 50 Doge. Different coins apply different payment limits.</p><h4>Conclusion</h4><p>Crypto Mining is worth it if you can get cheap electricity or better free electricity and free internet. You can mine using your average gaming gear. But if you are serious about this, you might consider building yourself a mining rig. Remember to calculate the expense to mine before you start. Hope this helps!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=319f8317c628" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[What To Do With Your First Paycheck]]></title>
            <link>https://anasbayu.medium.com/what-to-do-with-your-first-paycheck-667db2c15ff?source=rss-f54526b9e1ef------2</link>
            <guid isPermaLink="false">https://medium.com/p/667db2c15ff</guid>
            <category><![CDATA[money]]></category>
            <category><![CDATA[personal-finance]]></category>
            <category><![CDATA[financial]]></category>
            <category><![CDATA[investing]]></category>
            <category><![CDATA[budgeting]]></category>
            <dc:creator><![CDATA[Anas Bayu Kusuma]]></dc:creator>
            <pubDate>Sat, 14 Nov 2020 08:45:51 GMT</pubDate>
            <atom:updated>2020-11-14T08:45:51.553Z</atom:updated>
            <content:encoded><![CDATA[<h4>the road to your financial freedom</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*iJGYiE7GqeAFRKfB1Rnaqg.jpeg" /><figcaption>Photo by <a href="https://www.pexels.com/@goumbik?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Lukas</a> from <a href="https://www.pexels.com/photo/person-holding-banknote-928184/?utm_content=attributionCopyText&amp;utm_medium=referral&amp;utm_source=pexels">Pexels</a></figcaption></figure><p>I know the feeling of having your first ever paycheck. The thrill of having your own money from your own hard work. You must be so excited about it. You had it all planned. You want those new games, or that new limited edition shoes, or that brand new Phone. Well, hold on a second.</p><h3>Budgeting</h3><p>The first thing you should do is make a budget. You must divide those paychecks into a couple of categories. For example rent, food, transportation, hanging out, etc. By dividing your paycheck before spending it, you will have more control over your expense. There is a couple of budgeting techniques like the envelope system, the 80/20 rule, and so on. Whatever technique you choose just remember to stick to your budget.</p><h3>Save for retirement</h3><p>I know, you just get your first paycheck why would you think of retirement? Well if you don’t, then you might work for the rest of your life without ever retiring. Saving for retirement should be done as early as possible. Just set up an account for retirement savings and put some of your paychecks into it every month. But be aware, never touch your retirement account at any cost until you are retired!</p><h3>Invest your money</h3><p>Ever wonder why rich people can become rich? Investing. They invest their money so that money can make more money. Even without doing anything. imagine making money while you are asleep. If you want to become rich, you have to invest some of your paychecks every month. You can invest in a mutual fund, stock, or any kind of investment. Just remember that investing also has a risk. The higher the return, the higher the risk. Just keep that in mind.</p><h3>Treat yourself!</h3><p>of course! It is your first paycheck, why not celebrate a little? As long as you already did budgeting, saving for your retirement, and investing. It is okay to treat yourself.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=667db2c15ff" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>