Langsung ke konten utama

Postingan

Menampilkan postingan dengan label CSS

Ngoding Lebih Cepat: Compile CSS & JS Laravel dengan Vite/Bun

Pernah nggak kepikiran, kenapa Laravel terasa nyaman dipakai di banyak project? Salah satu alasannya, Laravel terus adaptasi sama perkembangan teknologi. Dulu, kita sering ngandelin Laravel Mix buat compile CSS dan JavaScript. Tapi, lama-lama rasanya agak berat, apalagi kalau project makin gede. Nah, sekarang ada Vite dan Bun yang bikin prosesnya jauh lebih ringan dan cepet. Di artikel ini, gue mau cerita pengalaman gue pakai Vite/Bun di project Laravel, mulai dari awal setup sampai beberapa jebakan yang sering gue lewatin. Biasanya, di tahap awal project, gue selalu mikirin gimana caranya bikin development workflow yang efisien. Vite itu muncul sebagai angin segar. Konsepnya simpel: langsung pakai browser native ES modules. Jadi, nggak perlu lagi compile semua aset sebelum kita bisa lihat hasilnya di browser. Ini bener-bener ngirit waktu, apalagi pas lagi eksperimen sama desain atau fitur baru. **Tips & Best Practices** * **Mulai dari Instalasi yang Benar:** Di project gue ya...

Vite & Bun di Laravel 12: Percepat Development Asset

Pernah nggak kepikiran, kenapa beberapa project Laravel terasa lebih responsif dan nyaman di development daripada yang lain? Seringkali, jawabannya ada di cara kita mengelola asset – CSS, JavaScript, gambar, dan lain-lain. Dulu, saya seringkali terjebak dengan Laravel Mix yang lumayan ribet, apalagi kalau ada perubahan konfigurasi yang signifikan. Nah, setelah nyobain Vite dan Bun, rasanya seperti menemukan angin segar. Vite itu tool build yang fokus ke kecepatan. Bun, di sisi lain, adalah runtime JavaScript yang super cepat. Kombinasi keduanya di Laravel 12 bisa bikin pengalaman development jadi jauh lebih menyenangkan. Artikel ini akan berbagi pengalaman saya menggunakan keduanya, mulai dari setup awal sampai beberapa tips dan trik yang mungkin berguna buat kamu. Tips & Best Practices Pertama, jangan langsung ganti semua asset sekaligus. Di project yang udah besar, biasanya saya mulai dengan satu halaman atau komponen kecil dulu. Ini penting biar kita bisa ngerti dampaknya...

Cara Bikin Halaman Login yang Keren dengan Bootstrap 5 dan ReactJs

Kali ini kita akan belajar cara bikin halaman login yang keren dengan bootstrap 5 dan ReactJs. Yuk, simak langkah-langkahnya!

Cara Bikin Halaman Login yang Keren dengan Bootstrap 5 dan VueJS 3

Halo, bro! Baru ngapain? Pasti lagi pada sibuk ngerjain tugas kuliah atau kerjaan online, ya? Atau mungkin lagi nyari inspirasi buat bikin website yang keren dan up to date? Kalau iya, kamu datang ke tempat yang tepat. Karena di artikel ini, kita akan belajar cara bikin halaman login yang keren dengan bootstrap 5 dan VueJS 3. Yuk, simak langkah-langkahnya!

Cara Membuat Halaman Login dengan Bootstrap 5

Bootstrap 5 adalah framework yang populer untuk membuat website yang responsif dan keren. Salah satu komponen yang sering digunakan adalah form login, yang berguna untuk mengautentikasi pengguna. Dalam artikel ini, kita akan belajar cara membuat halaman login dengan bootstrap 5 yang simpel dan menarik.

Create a simple loading text with animation using html and css only

Loading animations are an important part of user interface design, helping to indicate to users that something is happening in the background. In this article, we'll explore how to create a loading animation with text in the center of the screen, with a dark background and white loading text.