Microtip - Perpustakaan Tooltip CSS dengan Ciri Kebolehaksesan Asli

Anda boleh melakukan carian pantas di GitHub untuk mencari puluhan perpustakaan tooltip tersuai. Dan ia kelihatan seperti yang baru memukul web setiap bulan.

Microtip adalah sumber unik kerana ia berjalan pada petua CSS tulen, menawarkan estetika tersuai, dan menggunakan kod sumber yang boleh diakses sepenuhnya untuk semua pengguna.

Jika anda tidak pernah terfikir tentang kebolehaksesan maka Microtip mungkin berubah fikiran anda. Ia adalah campuran sempurna reka bentuk yang bersih dengan fungsi untuk semua peranti, semua pelayar, dan pengguna yang mempunyai masalah utama.

Di halaman utama, anda akan menemui pautan muat turun ke perpustakaan Microtip bersama-sama dengan banyak demo kod.

Anda boleh mendapatkan persediaan ini melalui pengurus pakej, memuat turun langsung, atau dengan menarik terus dari CDN. Ia datang dengan satu fail CSS dan itu pada asasnya semua yang anda perlukan.

Sebaik sahaja anda mempunyai Microtip ditambahkan pada halaman anda, anda boleh mula menambah petua ke elemen halaman. Ini adalah mematuhi sepenuhnya WAI jadi mereka mematuhi piawaian kebolehaksesan moden dengan sempurna.

Berikut adalah contoh petua alat yang dilampirkan pada elemen butang dengan kedudukan tersuai:

Tidak banyak kod yang betul?

Perpustakaan ini adalah super ringan dengan jumlah 1KB minified. Itu hanya gila mengingati berapa banyak yang anda dapat dengan tooltips ini.

Ciri CSS tersuai boleh disalurkan melalui atribut HTML untuk menentukan saiz fon, gaya peralihan, pelonggaran, dan banyak tetapan lain.

Anda juga boleh Timpa CSS secara langsung untuk membuat tooltip lebih besar dengan warna yang berbeza atau fon.

Lihat bahagian penyesuaian pada halaman utama untuk maklumat lanjut. Semuanya berjalan melalui HTML dan CSS supaya anda tidak perlu apa-apa pengetahuan skrip untuk mendapatkan kerja ini.

Microtip adalah super mudah untuk persediaan dan menyesuaikan jadi jika anda sekurang-kurangnya tahu pengekalan asas asas anda akan baik-baik saja.

Tetapi lihat repo GitHub untuk maklumat lebih banyak persediaan & ambil salinan helaian gaya.

Jika anda mempunyai soalan atau cadangan untuk ciri-ciri baru, anda juga boleh menjatuhkan garis kepada pencipta di Twitter @_ighosh.