Címlap webTECH mobilTECH OM & Social online Smart & IOT PC / Mac Tech világ Minden más

Tooltip, sticky blokkok és rugalmas betűméret JS pluginekkel

2019. február 26. 14:46

webTECH bodorfeco javascript plugin

Látványos egyben hasznos javascript könyvtárak modern, felhasználóbarát webes felületekhez.

Tippy js - tooltip

A tooltip buborékok (magyarázó szövegek) különösen hasznosak mikor olyan webes felületet tervezünk, ahol sok funkciót, gombot kell elhelyezni, mert nagyban segítik eligazodni a felhasználókat vagy további funkciókat is rejthetnek.

A Tippy js nagyon egyszerűen használható csupán néhány atributumot kell hozzáadni az egyes html elemekhez, ráadásul számos animációt kinál a tooltip megjelenéséhez. Tippy js DEMO

 

StickyBits - ragadós elemek

A sticky pozicionálás már HTML5 által is támogatott, persze a böngészök miatt még mindig érdemes javascript megoldásokat használnunk, hogy valóban szuperül működjön :) Kiemelendő, hogy ez a plugin érzékeli ha változik az ablak vagy a konténer elem mérete és egyből igazodik ehhez. Jól működik Chrome, Safari, Firefox, IE9+ és mobil böngészökben is. ITT próbálhatod ki.

 

Fitty - rugalmas szövegek

Nagyon jól tud mutatni mikor a dizájner rugalmas nagyságú szöveget álmodik aminek a betűmérete mindig igazodik a rendelkezésre álló helyhez. Na ehhez ad technikai segítséget a Fitty js plugin. Érdemes kipróbálni. DEMO

nekTECH.online

Kapcsolat | Impresszum | Médiaajánlat | GDPR