Tag: Tutorial

Menambahkan Efek Vignette Menggunakan CSS

Menambahkan Efek Vignette Menggunakan CSS – Pada tutorial kali ini kita akan membahas bagaimana cara menambahkan effek vignette menggunakan CSS pada suatu gambar. Pembuatannya cukup sederhana, cukup siapkan dua buah file yaitu satu file html dan satu file css. Kemudian beri nama file tersebut index.html dan style.css. Metode yang paling banyak digunakan adalah menggunakan inset […]

Menentukan Suatu Matriks Apakah Matriks Toeplitz atau Tidak

Menentukan Suatu Matriks Apakah Matriks Toeplitz atau Tidak – Pada artikel kali ini akan dibahas tentang menentukan suatu matriks apakah matriks Toeplitz atau tidak. Diberikan suatu matriks dengan ukuran nxn, kemudian tentukan apakah matriks tersebut merupakan matriks Toeplitz atau tidak. Suatu matriks dikatakan matriks Toeplitz jika matriks tersebut memiliki nilai yang konstan dari diagonal dari […]

Membuat Efek Hover Sederhana Pada Teks

Membuat Efek Hover Sederhana Pada Teks – Pada artikel kali ini akan membahas bagaimana membuat afek hover sederhana pada teks. Implementasi dilakukan menggunakan HTML dan CSS. Pada html akan dibuat teks yang berisi tulisan “teks 1” dan saat kursor berada pada area teks akan berubah menjadi “teks 2”. Implementasi membuat efek hover sederhana pada teks […]

Bagaimana Cara Terhubung ke Database MySQL dan Mengambil Data Menggunakan Python

Bagaimana Cara Terhubung ke Database MySQL dan Mengambil Data Menggunakan Python – Pada artikel kali ini, kamu akan mempelajari bagaimana cara terhubung ke database mysql dan mengambil data menggunakan Python. Pada artikel ini menggunakan Python 3.7 dan library mysql-connector-python. Selain itu, database mysql juga telah dibuat dengan nama database “manajemensekolah” dengan satu buah tabel bernama […]

Membuat Floating Label Input Menggunakan HTML dan CSS

Membuat Floating Label Input Menggunakan HTML dan CSS – Pada tutorial kali ini, kita akan membuat floating label input menggunakan HTML dan CSS. Kamu akan membuat floating label input seperti gambar dibawah. Untuk membuat floating label input ternyata cukup mudah dilakukan menggunakan HTML dan CSS saja. Yak, HTML dan CSS saja tanpa menggunakan Javascript. Gimana […]

Membuat Progress Bar Sederhana Menggunakan CSS

Membuat Progress Bar Sederhana Menggunakan CSS – Pada tutorial kali ini, kamu akan mempelajari cara membuat progress bar sederhana menggunakan CSS. Progress bar adalah sesuatu yang muncul saat sedang melakukan kegiatan pemindahanan suatu data. Simak file CSS dan HTML berikut untuk membuat progress bar sederhana menggunakan css. CSS *{ margin: 0; padding: 0; box-sizing: border-box; […]

Membuat Efek Hover Pada Image Caption Menggunakan CSS

Membuat Efek Hover Pada Image Caption Menggunakan CSS – Bagi kalian yang belum tau apa itu hover, hover adalah properti CSS yang bisa kita manfaatkan dalam menambahkan efek terhadap suatu elemen ataupun objek. Contoh yang sering diterapkan atau digunakan adalah menambahkan efek perubahan warna, jenis huruf, efek rotasi, dan efek lainnya. Di tutorial kali ini, […]

Membuat Animasi Search Box Hanya Menggunakan CSS

Membuat animasi search box hanya menggunakan CSS merupakan hal yang penting dalam pembuatan sebuah situs web. Search Box atau kotak pencarian merupakan elemen desain yang banyak digunakan dalam situs-situs besar. Dari sudut pandang kegunaan, pengguna yang terganggu menggunakan fungsi pencarian sebagai opsi terakhir ketika mencari informasi spesifik di situs web. Jika konten suatu situs web […]

Back To Top