Sal

Sal je odlehčená knihovna animací při posouvání zaměřená na výkon, která usnadňuje přidávání dynamických animací webovým prvkům při jejich vstupu do zorného pole. Má minimální velikost balíčku, méně než 2.8 kb, a funguje bez závislostí, takže přispívá k plynulému uživatelskému prostředí.

Sal využívá rozhraní Intersection Observer API, které efektivně zjišťuje, kdy jsou prvky viditelné na obrazovce, a podle toho spouští animace. Díky tomuto API dosahuje optimálního výkonu a výrazně snižuje zátěž spojenou se sledováním událostí posouvání.

Integrace je jednoduchá: přidáním atributu `data-sal` k prvkům HTML mohou vývojáři určit požadovaný efekt animace. Pomocí dalších datových atributů nebo proměnných CSS lze upravit například dobu trvání, zpoždění a průběh animace, takže její chování máte plně pod kontrolou. Podporované animace zahrnují mimo jiné efekty zeslabení, posunutí, přiblížení a překlopení.

Sal nabízí také pokročilé funkce, které umožňují měnit nastavení i po inicializaci, takže se může přizpůsobovat reakcím uživatelů. Podporuje také posluchače událostí, které reagují na vstup prvků do zorného pole a jejich opuštění. Hodí se tak pro interaktivní aplikace, které potřebují reagovat na posouvání uživatele v reálném čase.