Plynulý přesun focusu
Plynulé přesouvání focusu mezi jednotlivými položkami formuláře.
Části návštěvníků, která se mezi formulářovými položkami přesouvá klávesou Tab, lze zvýšit pohodlí při přeskakování mezi položkami plynulým přesouváním „focus efektu“.
Běžný formulář (zvlášť potom v případě, že pro pseudotřídu :focus jeho položek není nastaven výrazný styl) může být pro uživatele nepřehledný tím, že po odTabování není na první pohled jasné, kam se kursor přesunul.
Zajímavým řešením je plynulé přesunutí orámování tlačítka, políčka nebo jiného prvku na další/předchozí — tj. po stisknutí klávesy Tab, respektive Shift + Tab.
Hotové řešení
Stačí přilinkovat na stránku:
<script src="flying-focus.js"></script>(Možné je i použití jako uživetelský skript / plugin do prohlížeče.)
Druhá verse Flying focusu nabízí nové druhy zvýrazňovacích animací.
Odkazy
- Shrinking Button Outlines — zvýraznění
:focusefektu animací.
Co si myslíte o tomto článku?
Diskuse
Související články
Jak udělat input s automatickou šířkou podle obsahu
Několik způsobů, jak dosáhnout toho, aby se textové pole rozšiřovalo a zužovalo podle délky zadaného textu.
HTTP metody GET a POST
Kdy použít metodu GET a kdy POST. Rozdíly mezi metodami, datové limity a doporučení pro správné použití.
Jak neotravovat uživatele validací formulářů
Kdy zobrazovat chyby, kdy ne, a jak pomoci uživatelům místo jejich trestání.
Automatické načítání firemních údajů z registru ARES
Návod na získání dat o firmě z IČO nebo DIČ pomocí veřejné API a jejich použití pro předvyplnění webových formulářů.