mrfdn.com - Terkadang kita butuh aplikasi perekam layar untuk merekam aktivitas layar desktop linux. Dan mungkin ini salah satu aplikasi yang digunakan oleh streamer / youtuber untuk merekam aktivitas ngoding mereka. Jika anda menggunanakan desktop linux berbasis wayland, anda bisa merekam layar desktop anda menggunakan aplikasi gratis bernama wf-recorder. Saya saat ini sedang menggunakan Hyprland di Nixos, dan untuk merekam layar saya menggunakan wf-recorder. Aplikasi ini ternyata bisa menghasilkan video yang sangat smooth, 60fps tanpa delay atau lag. ...

mrfdn.com - Mungkin anda pernah terpikir untuk membuat responsif navbar yang bisa sembunyi saat scroll ke bawah lalu saat scroll layar ke atas navbar tersebut bisa munucl tanpa scroll full ke atas layar. Ini bisa dipecahkan dengan menjalankan beberapa baris javascript DOM. Misalnya navbar saya tempatkan di dalam sebuah header seperti ini. <header> <nav class="container"> <a href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}"> <img src="{{ .Site.Params.logo | absURL }}" class="logo" alt="{{ .Site.Title }}" width="60" height="60" /> <span class="hidden"> {{ .Site.Title }}<span> </a> <ul> {{ with .Site.Menus.main }} {{ range .}} <li> <a href="{{ .URL | absURL }}">{{ .Name }}</a> </li> {{ end }} {{ end }} <li> <!-- search --> <a href="/search" aria-label="search button"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" /> </svg> </a> </li> </ul> </nav> </header> Lalu set css untuk header menjadi fixed. ...

mrfdn.com - Pada tutorial sebelumnya sudah dijelaskan tentang cara menampilkan data dari Google Sheet ke file HTML di Localhost. Kali ini saya ingin share bagaimna cara mengirim data dari localhost ke Google Sheet menggunakan form HTML sederhana. Script HTML untuk submit ke satu sheet Google Sheet Pertama, buat file form html nya, kira-kira seperti ini. <h1 id="pesan"></h1> <form id="submitform"> <input type="text" name="nomor" id="nomor" placeholder="nomor" /><br /><br /> <input type="text" name="nama" id="nama" placeholder="nama" /><br /><br /> <input type="text" name="alamat" id="alamat" placeholder="alamat" /><br /><br /> <input type="submit" id="sub" value="kirim" /> </form> <script is:inline> // submit let form = document.getElementById("submitform"); form.addEventListener("submit", (e) => { e.preventDefault(); document.querySelector("#sub").value = "Sedang mengirim.."; let user = new FormData(form); fetch( "GANTI-URL-EXEC-GOOGLE-APPSCRIPT-DISINI", { method: "POST", body: user, } ) .then((res) => res.text()) .then((user) => { document.querySelector("#pesan").innerHTML = user; document.querySelector("#sub").value = "Submit"; document.getElementById("submitform").reset(); }); }); </script> Pada script ini kita akan menggunakan metode POST untuk mengirim data ke Google Sheet melalui API yang sudah didapatkan. ...

Daftar Isi Pendahuluan Apa itu Bash? Kenapa Menggunakan Bash? Bagaimana cara menggunakan Bash? Mari kita mulai Hello World Variables Bash Comments Arguments Functions Conditionals Brace expansion Shell execution Bash Parameter expansions Syntax Substitution Slicing Basepath & Dirpath Transform Bash Arrays Defining arrays Indexing arrays Iterating arrays Bash Arrays Operations Arrays as arguments Bash Dictionaries Defining dictionaries Working with dictionaries Iteration over dictionaries Bash Conditionals Integer conditions String conditions File conditions More conditions Logical and, or, not Bash Loops For loop For loop like C Ranges While loop Continue Break Until loop Infinite loop Loop over file.txt Read line by line Bash Functions Defining functions Returning values Raising errors Passing arguments Bash Options Options Glob options Bash History Commands Expansions Bash History Operations Slices Others Numeric calculations printf Subshells Inspecting commands Redirection Pipes Process substitution Source relative Directory of script Switch/Case Trap errors Getting options Check for command’s result Grep check Special variables Backslash escapes Heredoc Reading input Optional arguments Strict mode Resources Pendahuluan Apa itu Bash? Bash adalah shell Unix dan bahasa perintah yang ditulis oleh Brian Fox untuk Proyek GNU sebagai pengganti perangkat lunak gratis untuk shell Bourne. ...

mrfdn.com - Git merupakan aplikasi version control yang hampir digunakan oleh semua developer. Git dapat membantu kita memonitor source kode yang sedang dibuat. Kita bisa melakukan roollback terhadap perubahan yang sudah pernah dilakukan kemudian melakukan sejumlah modifikasi. Di git kita juga bisa melakukan kolaborasi dengan orang lain untuk mengerjakan satu atau lebih projek secara bersama-sama tanpa saling terganggu. Git dicintai oleh semua developer karena semua kemudahan yang dimilikinya sangat memudahkan pengembangan aplikasi. ...

Daftar Isi Apa itu Markdown Kenapa menggunakan Markdown Dimana menggunakan markdown? Syntax Markdown Headings Paragraphs Blockquotes Lists Code Horizontal Rules Links Images Tables Emphasis Strikethrough Backslash escapes Apa itu Markdown Membuat artikel untuk dipublish ke web dengan format Markdown akan memudahkan dan mempercepat workflow. Semua file markdown akan dikonversi menjadi file dengan format HTML. Jadi output dokumen akan menjadi sebuah file dengan format html secara sempurna. Anda bisa menggunaan format penulisan markdown melalui wordpress gutenberg saat ini. ...

mrfdn.com - Beberapa hari terakhir, saya memiliki pertanyaan dalam benak tentang bagaimana cara si pembuat undangan online menampilkan nama tamu undangannya saat url dibuka. Pagi ini setelah melaksanakan shalat subuh saya berhasil membuat script sederhana untuk memecahkan masalah ini. Alhamdulillah. Setelah saya ulik ternyata itu bisa dilakukan melalui javascript. Misalnya url undangan online seperti ini : undangan.ku/rafi-zora/?namatamu Saya ingin menampilkan nama tamu yang tertera setelah tanda tanya. Arti tanda tanya itu sendiri adalah location search query pada URL yang dikenali oleh web secara standar. ...

mrfdn.com - Kalau sebelumnya saya sudah menunjukkan bagaimana cara mengganti gambar neofetch, kali ini saya ingin menyunjukkan tentang cara edit tampilan Neofetch menjadi lebih kecil. Termasuk icon dan data yang ingin ditampilkan. Tampilan Neofetch nanti akan jadi lebih minimalis sama seperti Pfetch Langsung saja buka terminal lalu ketik: neofetch --ascii_distro nixos_small --disable GPU Theme Icons CPU Term Resolution Uptime DE Title Underline Tinggal ubah nama distro yang diinginkan, di sini saya menggunakan distro nixos. ...

mrfdn.com - Aplikasi di Linux secara default akan berjalan dengan menggunakan theme global yang sudah diset sebelumnya. Misalnya kita menggunakan theme dark mode (mode gelap). Maka semua aplikasi biasanya akan mengikuti schema warn gelap itu. Tapi ada satu hal aplikais yang membuat saya kesulitan untuk menggunakannya dalam mode dark, yaitu Libreoffice Calc. Saya tidak kesulitan melihat icon yang ditampilkan. Saya lebih nyaman menggunakan Libreoffice calc dalam mode light (mode terang). ...

mrfdn.com - Saya pernah login sebagai root melalui display manager GDM (Gnome Display Manager). Tetapi setelah login berikutnya saya tetap melihat daftar user root tersebut dengan nama System Administrator pada login screen GDM. Saya tidak ingin melihat akun root juga terpampang pada daftar ini. Saya hanya ingin menampilkan username yang ada di sistem. Setelah googling, saya menemukan cara untuk menghapus root / System Administrator dari login screen display manager GDM. ...