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

Zdroják » Zprávičky » Popover API přeskočí všechno

Popover API přeskočí všechno

Zprávičky ‐ ‐ Webdesign ‐

Potřebujete uživatelovu pozornost? Spusťte popover. Aktuální podpora v prohlížečích je dostatečná a použití je snadné.

<button popovertarget="mypopover">Toggle Popover</button>
<div id="mypopover" popover>Popover Content</div>Code language: HTML, XML (xml)

Popover se hodí, když potřebujete uživateli ukázat nějaký obsah (zprávu), která má překrýt všechny vrstvy stránky. V něčem se podobá použití <dialog>, popover ale není modální, nezabraňuje uživateli v interakci se zbytkem stránky, pouze upotá jeho pozornost.

Více se dočtete na MDN a v článku Popover API is Here.

Komentáře

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

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.

ISO, WIN, nebo MAC? Válka o kódování češtiny na webu

Kdo se webem zabýval na přelomu tisíciletí, zná ten pohled: stránka se načte a místo české věty se na ní objeví změť znaků jako ą, ľ a ». Nebyla to chyba monitoru ani písma. Byl to následek války, která se na českém internetu vedla po dlouhá léta. Šlo v ní o zdánlivou maličkost: jak do jednoho bajtu vměstnat písmeno „ř“. Podívejme se, kdo v ní proti komu stál, proč ji nešlo vyhrát a jak skončila.