Belajar Web Design : Membuat Scrollspy menggunakan Bootstrap 4

Assalamualaikum Wr. Wb

Sahabat Webhozz dimanapun berada, apa kabarnya??? Mudah-mudahan sehat selalu dan selalu bahagia ya, amin.

Pada kesempatan kali ini kita akan belajar Scrollspy menggunakan Bootstrap 4. Sebelum mulai, apa sih itu Scrollspy???

Jadi Scrollspy itu biasanya digunakan untuk memperbarui tautan secara otomatis dalam daftar navigasi berdasarkan posisi scroll pada suatu halaman.

Scrollspy memiliki beberapa persyaratan untuk berfungsi dengan benar:

1. Harus digunakan pada komponen Navbar Bootstrap atau List group.

2. Scrollspy membutuhkan position: relative; pada elemen HTML yang biasanya dijadikan target, biasanya tag .

3. Tag “a” diperlukan dan harus menunjuk ke elemen dengan id=”” itu.
Ketika berhasil diterapkan, Navbar atau List group akan berubah, memindahkan kelas .active dari satu item menu ke item menu lainnya berdasarkan target yang terkait. Continue reading

Mengenal CakePHP

 

Halo sobat webhozz, kali ini saya ingin membagi artikel mengenai CakePHP, sebenarnya apa sih CakePHP itu? Langsung aja yuk kita lihat pembahasannya.

CakePHP adalah sebuah framework atau kerangka kerja untuk membuat aplikasi CRUD (Create, Read, Update, Delete) berbasis bahasa pemrograman PHP yang bersifat open source. Dengan kata lain Cake PHP merupakan struktur dasar bagi para programmer dalam membuat suatu aplikasi web.

CakePHP menggunakan konsep MVC, yang dimana M yaitu Model, V yaitu View dan C yaitu Controller. Jadi kerangka utama program CakePHP dibagi menjadi 3 fungsi (kerangka utama):

  • Model – kerangka ini lebih ke  fungsi database.
  • View – kerangka ini lebih ke tampilan / hasil.
  • Controller – kerangka ini bekerja sebagai control mulai dari permintaan user (input) kemudian memproses ke model (database) dan mengirimkan hasil ke view.

CakePHP memiliki fitur-fitur seperti : Continue reading

Prefix Web Browser

CSS_prefix

Halo teman-teman WebHozz, kali ini kita akan mencoba mencari tahu apa itu prefix pada browser? Tentunya teman-teman pernah mengalami saat membuat atau mendesain website, ketika kita ingin menjalankan efek-efek tertentu seperti transform, translated atau yang lainnya tetapi tidak bisa berjalan di semua browser atau mengalami inkompabilitas. Nah biasanya pada CSS kita berikan prefix, nah apa itu prefix?

Continue reading