Sal

Sal je ľahká knižnica animácií pri posúvaní stránky, zameraná na výkon. Uľahčuje pridávanie dynamických animácií webových prvkov pri ich vstupe do výrezu. Má minimálnu veľkosť balíka, menej ako 2.8 kb, a funguje bez závislostí, čím zabezpečuje plynulý používateľský zážitok.

Sal, vytvorený pomocou API Intersection Observer, efektívne zisťuje, kedy sú prvky na obrazovke viditeľné, a podľa toho spúšťa animácie. Toto API riešenie poskytuje optimálny výkon a výrazne znižuje réžiu spojenú so sledovaním udalostí posúvania stránky.

Integrácia je jednoduchá: vývojári môžu určiť požadovaný efekt animácie pridaním atribútu `data-sal` k prvkom HTML. Pomocou ďalších dátových atribútov alebo premenných CSS možno upraviť napríklad trvanie, oneskorenie a priebeh animácie, takže nad jej správaním máte úplnú kontrolu. Medzi podporované efekty patria okrem iného prelínanie, posunutie, priblíženie a preklopenie.

Sal ponúka aj pokročilé funkcie vrátane možnosti meniť nastavenia po inicializácii, čo umožňuje reagovať na interakcie používateľov a prispôsobovať sa im. Podporuje poslucháče udalostí, ktoré zachytávajú vstup prvkov do výrezu alebo ich opustenie, a hodí sa tak aj pre interaktívne aplikácie vyžadujúce spätnú väzbu o posúvaní stránky v reálnom čase.