Code & Solve
Tailwind CSS dengan Just-In-Time Compiler – Situs resmi dari Tailwind CSS mengumumkan compiler terbarunya yaitu just-in-time compiler yang merupakan new experimental library. Compiler ini mampu mengkompilasi semua CSS anda sesuai dengan permintaan saat anda membuat file template, alih-alih membuat seluruh sytlesheet Anda di depan. Ulasan Singkat Berdasarkan pengumuman perilisan: 1. Salah satu kendala tersulit yang […]
Membuat Navigation Bar Menggunakan HTML dan CSS – Pada artikel ini kita akan belajar untuk membuat navigation bar menggunakan HTML dan CSS. Kalian hanya perlu menyiapkan file index.html dan style.css. Selain itu, kita akan menggunakan fontawesome icon untuk membuat icon yang terdapat pada setiap menu yang ada di navigation bar. Simak kode dibawah ini untuk […]
Membuat Cloud Menggunakan HTML dan CSS – Pada tutorial kali ini, kita akan membahas bagaimana membuat cloud menggunakan HTML dan CSS. Pembuatan gambar cloud atau awan dapat dilakukan hanya menggunakan HTML dan CSS. Apakah sulit? tentunya tidak. Apakah membutuhkan kode yang panjang? Sedikit kok. Disini kamu hanya perlu menyiapkan dua buah file dengan nama index.html […]
Membuat Glint Hover Effect Pada Button Menggunakan CSS – Pada artikel ini kita akan membuat glint hover effect pada button menggunakan CSS. Pembuatan efek glint saat hover button dapat dibuat dengan menyiapkan satu file CSS dan tentunya juga satu file HTML. Perhatikan artikel dibawah ini untuk membuat glint hover effect pada button menggunakan CSS. Membuat […]
Membuat Profile Card Yang Elegan Menggunakan CSS – Pada artikel ini akan membahas bagaimana membuat profile card yang elegan menggunakan CSS pada sebuah website. Kalian pasti sering melihat desain kartu profil (profile card) yang berbagai macam bentuk. Desain dari profile card yang sangat beragam dan tentunya sangat menarik untuk di lihat. Nah, Pada artikel kali […]
Membuat Block Quotes Menggunakan HTML dan CSS – Pada artikel kali ini, kita akan membahas bagaimana membuat block quotes menggunakan HTML dan CSS. Siapkan dua buah file untuk membuat block quotes ini yaitu satu file html dengan nama index.hml dan satu file CSS dengan nama style.css. Selain itu siapkan juga satu buah quotes yang kamu […]
Membuat Efek Ripple Pada Loading Screen Menggunakan HTML dan CSS – Pada artikel ini akan membahas bagaimana membuat efek ripple pada loading screen menggunakan HTML dan CSS. Pembuatan efek ini membutuhkan dua buah file yang perlu disiapkan. Diantaranya adalah satu file dengan nama style.css dan satu file dengan nama index.html. Pembuatan animasi ripple menggunakan @keyframes […]
Membuat Tabel Harga Menggunakan HTML dan CSS – Pada artikel ini kita akan membahas bagaimana membuat tabel harga menggunakan HTML dan CSS. Tabel harga yang dibuat menggunakan studi kasus untuk pemilihan paket suatu hosting. Terdapat tiga pilihan paket yang dapat dipilih oleh pengguna yaitu Basic, Pemula, dan Unlimited. Masing-masing paket memiliki informasi tambahan seperti bandwith, […]
Membuat Button Pulse Animation Menggunakan HTML dan CSS – Pada artikel ini akan membahas bagaimana membuat button pulse animation menggunakan HTML dan CSS. Dua buah file digunakan dalam pembuatan animasi pulse yaitu index.html dan style.css. Perhatikan source code dibawah ini untuk membuat button pulse animation menggunakan html dan css. Membuat Button Pulse Animation Menggunakan HTML […]
Membuat Animasi Profile Card Menggunakan CSS – Pada artikel kali ini akan membahas bagaimana membuat animasi profile card menggunakan css. Siapkan dua buah file yaitu satu file html dengan nama index.html dan satu file css dengan nama style.css. Source code dapat dilihat pada snippet code dibawah. File index.html dapat dilihat sebagai berikut. <!DOCTYPE html> <html> […]
