Hodiny HTML Šablony

HTML šablony hodin pro digitální, analogové a světové zobrazení času

Rozhraní hodin má jeden zjevný úkol: zobrazovat aktuální čas tak, aby jej bylo možné odečíst za jedinou sekundu. HTML šablony hodin poskytují kód pro displej i zbytek zdrojových souborů, připravených k úpravám a publikování na vašem vlastním hostingu. Uvnitř se může nacházet digitální ukazatel, analogový ciferník nebo panel s kartami měst.

Volba mezi číslicemi a ciferníkem

Digitální zobrazení představuje jednodušší výchozí bod, který nevyžaduje o mnoho více než kontejnery pro hodiny, minuty a sekundy. Vedle nich obvykle stojí indikátor AM/PM nebo přepínač mezi 12hodinovým a 24hodinovým formátem. Analogový ciferník funguje jinak, protože samotný podklad, hodinové rysky i ručičky vyžadují samostatné elementy dříve, než s nimi skript začne otáčet.

Většina rozhraní hodin se skládá z několika dobře známých prvků:

• časové hodnoty se samostatným místem pro sekundy
• hodinová a minutová ručička nad označeným ciferníkem
• řádek s datem, dnem v týdnu nebo ikonou budíku
• název města a časový posun pro každé další časové pásmo

U karet měst se začíná kód opakovat, protože panel s osmi městy používá jeden blok osmkrát. Nicepage Grid Repeater tuto strukturu přesně pokrývá a dokumentace prvku Grid Repeater vysvětluje, jak jedna položka určuje rozvržení pro více záznamů. Řádky produktů pro nástěnné hodiny se opakují stejným způsobem.

Kód, který se aktualizuje každou sekundu

Pod stejným označením se zde skrývají dvě naprosto rozdílné věci. Někdy je čas v souboru zapsán pevně a nikdy se nepohne, což postačuje pro snímek obrazovky, ale v ostrém provozu je to matoucí. Funkční hodiny potřebují JavaScript, který čte místní čas a zapisuje jej do připravených elementů, zatímco odpočet aplikuje stejný princip pozpátku směrem ke zvolenému datu.

Vteřinová ručička slouží jako spolehlivý test. Ukázka může vypadat přesvědčivě, i když na pozadí nic neběží, proto se náhledu vyplatí věnovat několik sekund pozornosti.

Čitelnost na malých displejích

Hodiny odečítáme z větší vzdálenosti než většinu ostatních prvků uživatelského rozhraní. Číslice, které na monitoru počítače vypadají elegantně, se na telefonu v natažené ruce mohou slít v šedou skvrnu a tenká vteřinová ručička se snadno ztratí na členité fotografii.

Uživatelé následně nejčastěji upravují styl číslic, tloušťku ručiček a světlý či tmavý vzhled zobrazení. Nejdůležitější je kontrast, protože hodiny, které nelze přečíst letmým pohledem, selhaly ve svém jediném úkolu. Vyplatí se včas ujasnit, jaký typ rozhraní vytváříte, protože samostatné hodiny, přehled časových pásem a odpočet vycházejí z odlišných elementů.