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

Zdroják » Webové standardy » Strana 2 » Strana 2 z 14

Archiv pro štítek: Webové standardy

Články ‐ ‐ Webdesign ‐

V minulém článku jsme si představili metody pro sledování a zachytávání dotykových gest pro zvětšení, zmenšení a natočení (známá gesta dvěma prsty). V tomto článku přijde na řadu sledování konkrétního dotyku prstu na dotykové ploše a jeho pohybu, a to na velmi nízké úrovni.

Články ‐ ‐ Webdesign ‐

Dotykové ovládání je v mobilních zařízeních de facto standard. Při prohlížení webu v mobilním prohlížeči jsou dotyky a dotyková gesta primární metodou, jak uživatel se stránkou komunikuje. Jak na takovou komunikaci stránku připravit? V článku si ukážeme API pro dotyková gesta.

Články ‐ ‐ Webdesign ‐

HTML5 klade silný důraz na „sémantiku“ – tedy na schopnost dávat jednotlivým částem dokumentu obecný význam. Výraznou technologií pro zápis sémantických metadat jsou mikrodata (Microdata). Jedná se o flexibilní a přitom mocný nástroj, jak vyjádřit význam informací, které jsou na webové stránce.

Články ‐ ‐ Různé, Webdesign ‐

S nástupem AJAXu a moderních prohlížečů se schopnostmi offline práce a s pokročilými JS API se stávají jednostránkové webové aplikace (single-page apps), tedy takové, kde je veškerá funkcionalita umístěna v jedné stránce a se serverem se pracuje jen prostřednictvím datového rozhraní, stále populárnější. Jejich použití ale přináší některé problémy.

Články ‐ ‐ Webdesign ‐

Technologie z rodiny moderních webových technologií, označované někdy souhrnně jako „HTML5“, umožňují webdesignérům vytvářet nejrůznější efekty, které byly až donedávna výsadou speciálních aplikací typu FLASH. V článku si ukážeme jeden animační efekt, a to „otáčení listů v knize“.

Články ‐ ‐ Webdesign ‐

Čtenáři Zdrojáku určitě vědí, že rodina technologií HTML5 nabízí mnohem víc než jen tagy a značkování. Součástí těchto nových technologií je také velké množství JavaScriptových API a v něm i řada nových metod, které umožňují komunikaci mezi klientem a serverem nebo mezi dokumenty. V článku si tyto metody ukážeme.

Články ‐ ‐ Webdesign ‐

FileSystem API řeší jeden ze zásadních problémů webových aplikací, kterým je nemožnost pracovat se soubory v uživatelově počítači. S tímto API, které nabízí zatím jen Chrome 9, může webová aplikace vytvářet, číst, procházet a zapisovat do bezpečně vymezené části uživatelova souborového systému.

Články ‐ ‐ Webdesign ‐

K psaní nativních aplikací pro tento populární tablet od Apple potřebujete vývojové prostředí pro jazyk Objective-C a framework Cocoa. Pro některé druhy aplikací si ale vystačíme s možnostmi, které nabízí HTML5/CSS/JS. V článku si ukážeme, jak zařídit, aby i takové aplikace vypadaly „jako nativní“.

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.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.