--- title: "Amirul Asyraf (@asyraf_) | Hashnode" description: "Awesome. Read the latest articles by Amirul Asyraf on Hashnode." url: "https://hashnode.com/@asyraf_" --- @asyraf\_ # Amirul Asyraf @asyraf\_ 路 Kuala Lumpur, Malaysia 路 Joined August 2020 Awesome ### [How to create a transparent navbar with CSS](https://asyraf.hashnode.dev/how-to-create-a-transparent-navbar-with-css?utm_source=hashnode&utm_medium=feed) Last week, I look at the Gumroad website to know how to Add Made By at the bottom corner of the website (Pssst, read that article, Pretty cool stuff 馃敟). This week, when I look at the Super.so website, I notice new interesting CSS stuff :P. Check th... 2 min read 路 [asyraf.hashnode.dev](https://asyraf.hashnode.dev/how-to-create-a-transparent-navbar-with-css?utm_source=hashnode&utm_medium=feed) [Jul 22, 2021](https://hashnode.com/posts/how-to-create-a-transparent-navbar-with-css/60f8d516410a0224b5d52743) ### [How to add "Made By" at the bottom corner of the website?](https://asyraf.hashnode.dev/how-to-add-made-by-at-the-bottom-corner-of-the-website?utm_source=hashnode&utm_medium=feed) Free marketing. It makes your brand stands out. 2 min read 路 [asyraf.hashnode.dev](https://asyraf.hashnode.dev/how-to-add-made-by-at-the-bottom-corner-of-the-website?utm_source=hashnode&utm_medium=feed) [Jul 8, 2021](https://hashnode.com/posts/how-to-add-made-by-at-the-bottom-corner-of-the-website/60e6acaec32fbd1b73720b65) ### [How to Change Link Underline Color with CSS](https://asyraf.hashnode.dev/how-to-change-link-underline-color-with-css?utm_source=hashnode&utm_medium=feed) There are two ways I found to make this happen. One is using the text-decoration stuff, the second one is using the old border-bottom trick. 3 min read 路 [asyraf.hashnode.dev](https://asyraf.hashnode.dev/how-to-change-link-underline-color-with-css?utm_source=hashnode&utm_medium=feed) [8](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c) [Jun 24, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c) ### [Hotwire in Action 馃殌](https://asyraf.hashnode.dev/hotwire-in-action?utm_source=hashnode&utm_medium=feed) Hotwire is a new and perfect tool to build a "just enough" or modest front-end stuff by sending HTML over the wire without using much Javascript 馃コ . In fact, one of the Hotwire stack, StimulusJS is already wide-used by many awesome project and websi... 2 min read 路 [asyraf.hashnode.dev](https://asyraf.hashnode.dev/hotwire-in-action?utm_source=hashnode&utm_medium=feed) [Feb 9, 2021](https://hashnode.com/posts/hotwire-in-action/6023129f3f7a783c6be41657) ### [Open Source Real-world Ruby and Rails Applications 馃敟](https://asyraf.hashnode.dev/open-source-real-world-ruby-and-rails-applications?utm_source=hashnode&utm_medium=feed) Ruby and Rails is a perfect combination to build awesome stuff on the web. Indeed, use Rails as an API to integrate with mobile app stacks like React Native or Swift and other major platforms. Here, I create a list of tons of Open source Ruby and Rai... 3 min read 路 [asyraf.hashnode.dev](https://asyraf.hashnode.dev/open-source-real-world-ruby-and-rails-applications?utm_source=hashnode&utm_medium=feed) [Feb 7, 2021](https://hashnode.com/posts/open-source-real-world-ruby-and-rails-applications/601f6a590da0382a2d49cb73)