Category: Uncategorized

CSS reset adalah teknik dalam pengembangan web yang bertujuan untuk mengatur ulang (reset) tampilan default dari elemen-elemen HTML yang diatur oleh browser. Tujuan utama dari CSS reset adalah untuk menciptakan konsistensi antara berbagai browser yang berbeda dalam menampilkan elemen-elemen dasar HTML. Setiap browser memiliki gaya bawaan (default styles) yang diterapkan pada elemen-elemen HTML seperti margin, […]

mrfdn.com – Hugo memiliki sedemikian rupa fungsi-fungsi yang bisa digunakan untuk merender halaman yang diinginkan. Salah satunya adalah fungsi if dan isset yang bisa dilakukan untuk melakukan kondisional. Dari pada melakukan pengkondisian sederhana seperti menampilkan description atau summary di hugo Pada artikel ini saya ingin menunjukkan cara saya menggunakan rungsi if isset untuk merender taxonomy […]

mrfdn.com – Kali ini saya hanya ingin mencatat bagaimana cara bekerja menggunakan file blade laravel dengan mengintegrasikan tailwind css. Pertama install dependencies dulu npm install -D tailwindcss postcss autoprefixer Sekarang install tailwind npx tailwindcss init -p Sekaranb buka file tailwind.config.js lalu tambahkan baris ini: /** @type {import('tailwindcss').Config} */ export default { content: ["./resources/**/*.blade.php"], theme: { […]

mrfdn.com – Sebagaimana diketahui bahwa wordpress memiliki sebuah fitur bernama Rest API. Jika fitur ini diaktifkan maka kita bisa menggunakannya dengan bebas. Kita bisa menangkap daftar artikel pada web wordpress. Salah satu cara menggunakan WordPress Rest API adalah dengan Svelte/SvelteKit SvelteKit memiliki fitur untuk menampilkan data / load data dari sebuah link api. Jadi tanpa […]

mrfdn.com – Dalam pengembangan wordpress di Nixos, terkadang kita harus menambahkan size upload file sebagai konfigurasi php. Nah di nixos, kita bisa menambahkan baris ini pada configuration.nix atau pada LEMP config nixos yang sudah dibuat sebelumnya. services.phpfpm.phpOptions = '' date.timezone = "Asia/Makassar"; display_errors = on; upload_max_filesize = "100M"; post_max_size = "100M"; ''; Setelah itu rebuild […]

mrfdn.com – Kali ini saya ingin mencatat bagaimana cera menampilkan data secara loop dengan menggunakan Svelte component yang berjalan di atas projekan Astro JS. Pastikan sudah add Svelte ke Astro npx astro add svelte Setelah itu buka file ./package.json lalu pastikan svelte sudah terinstall. Jika perlu hapus file ./package-lock.json lalu install dengan perintah npm install. […]

mrfdn.com – Sveltekit lagi-lagi menjadi pilihan saya untuk belajar javascript. Kali ini saya ingin belajar menampilkan data dari sebuah sqlite database menggunakan Svelte dan Svelte Kit. Buat yang belum tahu, Svelte adalah mesinnya sedangkan Svelte Kit untuk membuat tampilannya. Kenapa harus capek-capek menampilkan data dari database? Karena saya ingin membuat sebuah aplikasi soal-soal pilihan ganda. […]

mrfdn.com – File ENV biasa digunakan untuk mendefinisikan apa saja yang akan dipanggil pada projekan kita. Dengan membuat file env, projekan akan jauh lebih secure, clean dan lebih mudah untuk dimaintain. Di sini saya ingin set file ENV pada projekan SvelteKit yang sudah dibuat kemarin yaitu tentang menampilkan data dari database dengan menyembunyikan path database. […]

mrfdn.com – SQLite adalah database relasional yang ringan dan mudah digunakan. Database ini dapat digunakan untuk berbagai keperluan, termasuk menyimpan data dari file CSV. File CSV adalah file teks yang menyimpan data dalam format tabel. Setiap baris dalam file CSV mewakili satu baris data, dan setiap kolom dalam baris mewakili satu atribut data. Untuk membuat […]

mrfdn.com – Jika kita punya file javascript yang berjalan normal tanpa menggunakan framework seperti Svelte, yang ingin dijalankan pada projekan Astro, secara normal untuk bisa menjalankannya kita akan menemui error: document is not defined Browser APIs are not available on the server. If the code is in a framework component, try to access these objects […]