Beranda » Toolkit » Buat Gelembung Pidato Di Halaman dengan Popper.js

    Buat Gelembung Pidato Di Halaman dengan Popper.js

    Semua orang tahu tooltips dan ada banyak sumber daya gratis untuk membantu Anda membuatnya. Namun, gelembung pesan khusus atau “popper” juga sangat bermanfaat.

    Mereka tidak terbatas pada mengarahkan acara, sehingga mereka dapat muncul di halaman secara konsisten dan mengatasi perilaku pengguna lain.

    Jika Anda ingin membuat ini popper gelembung pidato di situs Anda kalau begitu Popper.js adalah pilihan terbaik. Ini adalah plugin open-source gratis, yang dihosting di situs web resmi js.org.

    Anda akan menemukan kiat-kiat gelembung ini di banyak situs web yang memiliki antarmuka yang kompleks. Terkadang mereka akan menawarkan tips cepat, penelusuran, dan saran orientasi untuk orang yang baru mengenal antarmuka.

    Dengan Popper.js, Anda tidak perlu menunggu pengguna melayang hanya untuk membuat tooltip. Sebagai gantinya, Anda dapat memaksa popper muncul di mana saja, ukuran apapun, warna apapun, dengan posisi dinamis.

    Lihat halaman demo Popper.js untuk melihat apa yang saya maksud. Itu datang dengan beragam fitur pemosisian yang memungkinkan Anda membalik posisi popper secara otomatis berdasarkan lokasi layar.

    Saat pengguna menggulir ke bawah halaman, mereka mungkin kehilangan gelembung popper. Dengan plugin ini, Anda bisa paksa kembali ke tampilan dengan membaliknya ke atas (atau ke bawah), tergantung pada arah gulir pengguna.

    Anda memiliki kontrol penuh atas batas, posisi panah, warna tooltip, dan banyak lagi. Belum lagi plugin ini cantik dan sepenuhnya extensible jika Anda ingin menambahkan fitur Anda sendiri ke dalam campuran.

    Semua kode sumber tersedia secara gratis di GitHub jika Anda ingin memeriksanya.

    Untuk memulai, lihat halaman dokumentasi untuk panduan lengkap. Ini memberi tahu Anda skrip mana yang Anda perlukan, cara menyiapkan popper khusus, dan cara mengonfigurasi berbagai opsi viewport. Meskipun, sumber daya terbaik adalah halaman Popper.js utama, dengan banyak demo dan banyak contoh kode.

    Jika Anda ingin membaca lebih lanjut tentang pengembangan, periksa posting blog ini yang ditulis oleh pencipta Federico Zivolo.