Přejít k navigační liště

Zdroják » Zprávičky » Nechte velká tlačítka i u zmenšených náhledů

Nechte velká tlačítka i u zmenšených náhledů

Webové aplikace, které počítají s použitím v mobilních zařízeních, nabízí svým uživatelům ovládací prvky, které jsou „touch-friendly“ – tedy například velká tlačítka, která lze snadno stisknout i prstem na dotykovém displeji.

Mnohá mobilní zařízení umožňují funkci „náhledu“, při němž vidí uživatel zmenšenou stránku. Adekvátně ke zmenšení obsahu se zmenší i ovládací prvky – což je někdy na škodu. Někdy chceme vidět např. celou stránku, a přitom mít snadno k dispozici např. tlačítko „Upravit“. Sam Stephenson (známý z Prototype a 37Signals) navrhuje metodu, při níž se některá tlačítka uživatelského rozhraní i v režimu „náhledu celé obrazovky“ zobrazí velká a jsou tak pohodlně stisknutelná i prstem.

Bližší informace o této technice včetně ukázky kódu přinesl Ajaxian.

Komentáře

Odebírat
Upozornit na
guest
1 Komentář
Nejstarší
Nejnovější Nejvíce hlasů
tecik

Rozumny navrh, ale spis nad tim uvazovat z druhe strany… proc vymyslet prvek pro koncovou apps, kdyz ona ma mit moznost snadno zobrazit v rozumnem pomeru prvek samotny…
Ale samozrejme tento pohled lze aplikovat i opacne

Začal jako projekt studentů Matfyzu. Český BIRD dnes pomáhá řídit provoz na největších internetových uzlech

Internet drží pohromadě i díky místům, kde se propojují sítě poskytovatelů připojení, cloudů nebo videoslužeb. S předáváním informací o tom, kudy jsou jednotlivé sítě dostupné, jim ve Frankfurtu, Londýně i Amsterdamu pomáhá český BIRD. Začal jako studentský projekt, po první verzi z roku 2000 léta spíš dřímal a soustavný vývoj obnovil až CZ.NIC. Ve své úloze uspěl tak výrazně, že největší uzly nakonec začaly platit vývoj konkurenčního softwaru, aby nebyly závislé jen na něm.

WebSocket: Jak dostat webovou aplikaci do reálného času

Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.