Luo Popper.js n avulla sivusuuntaiset kuplat

Kaikki tietävät työkaluvinkit ja siellä on kymmeniä ilmaisia ​​resursseja, jotka auttavat sinua tekemään niistä. kuitenkin, mukautetut viestikuplat tai “poppers” ovat myös erittäin hyödyllisiä.

Ne eivät rajoitu hover-tapahtumiin, joten ne voivat näkyä sivulla johdonmukaisesti ja työskennellä muiden käyttäjäkäyttäytymisten ympärillä.

Jos haluat luoda niitä puhekuplia sivustossasi Popper.js on paras valinta. Se on ilmainen avoimen lähdekoodin plugin, joka on virallisessa js.org-sivustossa.

Löydät nämä kärkivinkit monissa sivustoissa, joissa on monimutkaisia ​​rajapintoja. Joskus he tarjoavat nopeasti vihjeitä, walkthroughs, ja neuvoja ihmisille uusi käyttöliittymä.

Popper.js: n avulla sinun ei tarvitse odottaa, että käyttäjä siirtyy vain luomaan työkaluvihje. Sen sijaan voit pakottaa popperin näkyvät missä tahansa, minkä tahansa koon, mikä tahansa väri, dynaaminen paikannus.

Katso Popper.js-esittelysivulta, mitä tarkoitan. Sen mukana tulee laaja valikoima paikannusominaisuuksia jonka avulla voit automaattisesti kääntää popperin sijainnin näytön sijainnin perusteella.

Kun käyttäjä vierittää sivua alaspäin, he saattavat menettää popperin. Tämän laajennuksen avulla voit pakota se takaisin näkymään kääntämällä sitä ylös tai alas käyttäjän selaussuunnan mukaan.

Sinulla on täysi määräysvalta rajoilla, nuolipisteissä, työkaluvihjeissä ja paljon muuta. Puhumattakaan tästä pluginista on upea ja täysin laajennettavissa jos haluat lisätä omia ominaisuuksiasi sekoitukseen.

Kaikki lähdekoodi on saatavilla ilmaiseksi GitHubissa, jos haluat tarkistaa sen.

Aloittaaksesi, katsokaa dokumentointisivulla täydellinen opas. Tämä kertoo sinulle, mitä skriptejä tarvitset, miten määrität mukautetun popperin ja miten eri näkymänporttiasetukset määritetään. Vaikka paras resurssi on Main Popper.js -sivu, demojen kanssa ja runsaasti koodinäytteitä.

Jos haluat lukea lisää kehityksestä, tutustu tämän blogikirjoittajan, jonka on kirjoittanut Federico Zivolo.