Setelah menggunakan Bulma, saatnya menggunakan Tailwind untuk website Hugo saya karena kelas Tailwind lebih mudah dipahami dibandingkan Bulma. Tailwind adalah salah satu kerangka kerja CSS terkemuka di dunia. Ini adalah kerangka CSS saya. Dengan Tailwind saya dapat dengan mudah membuat berbagai halaman website yang bagus. Tailwind sangat sederhana karena di sana kami menulis kelas untuk […]

Reset CSS adalah teknik pengembangan web yang bertujuan untuk mengatur ulang tampilan default elemen HTML yang diatur oleh browser. Tujuan utama reset CSS adalah untuk menciptakan konsistensi antar browser yang berbeda dalam menampilkan elemen dasar HTML. Setiap browser memiliki gaya default yang diterapkan pada elemen HTML seperti margin, padding, tipografi, ukuran teks, dll. Gaya ini

mrfdn.com – Hugo memiliki beberapa fungsi yang dapat digunakan untuk merender halaman yang diinginkan. Salah satunya adalah fungsi if Dan isset Yang bisa dilakukan dengan syarat. Daripada melakukan pengkondisian sederhana seperti menampilkan deskripsi atau ringkasan di Hugo Pada artikel ini saya ingin menunjukkan bagaimana saya menggunakan fungsi if isset untuk merender taksonomi yang namanya telah

mrfdn.com – Kali ini saya hanya ingin mencatat cara kerja integrasi tailwind css menggunakan file laravel blade. Instal dependensinya terlebih dahulu npm install -D tailwindcss postcss autoprefixer Sekarang instal penarik npx tailwindcss init -p Sekarang buka filenya tailwind.config.js Kemudian tambahkan baris ini: /** @type {import(‘tailwindcss’).Config} */ export default { content: [“./resources/**/*.blade.php”], theme: { extend: {},

mrfdn.com – Seperti diketahui, WordPress memiliki fitur bernama Rest API. Jika fitur ini diaktifkan kita dapat menggunakannya dengan bebas. Kita dapat menangkap daftar artikel di situs WordPress. Salah satu cara menggunakan REST API WordPress adalah dengan Svelte/SvelteKit SvelteKit memiliki fitur untuk menampilkan data/memuat data dari link API. Jadi tanpa basa-basi lagi, begini caranya. Pastikan website

mrfdn.com – Dalam pengembangan WordPress di Nixos, terkadang kita perlu menambahkan ukuran file upload sebagai konfigurasi PHP. Sekarang di nixos, kita dapat menambahkan baris ini ke konfigurasi.nix atau konfigurasi nixos LEMP yang dibuat sebelumnya. services.phpfpm.phpOptions = ” date.timezone = “Asia/Makassar”; display_errors = on; upload_max_filesize = “100M”; post_max_size = “100M”; ”; Setelah itu build kembali confignya,

mrfdn.com – Sekarang saya ingin mencatat cara menampilkan data dalam loop menggunakan komponen Svelte yang berjalan di proyek Astro JS. Pastikan Anda menambahkan Svelte ke Astro npx astro add svelte Setelah itu buka filenya ./package.json Kemudian pastikan Svelte sudah terinstal. Hapus file jika perlu ./package-lock.json Kemudian instal dengan perintah npm install. Sekarang buat komponen yang

mrfdn.com – Sveltekit sekali lagi menjadi pilihan saya untuk mempelajari JavaScript. Kali ini saya ingin mempelajari cara menampilkan data dari database SQLite menggunakan Svelte dan Svelte Kit. Bagi yang belum tahu, Svelte adalah mesinnya sedangkan Svelte Kit untuk tampilannya. Mengapa Anda harus peduli menampilkan data dari database? Karena saya ingin membuat aplikasi soal pilihan ganda.

mrfdn.com – File ENV biasanya digunakan untuk menentukan nama proyek kita. Dengan membuat file env, proyek akan jauh lebih aman, bersih, dan pemeliharaannya lebih mudah. Di sini saya ingin mengatur file ENV di proyek SvelteKit yang saya buat kemarin yaitu tentang menampilkan data dari database dengan menyembunyikan jalur database. Langsung saja, lakukan seperti ini: Di