Vyplňování formulářů je nedílnou součástí našich digitálních životů, ať už jde o hledání na webu, přihlašování na e-mail, nebo vyplňování čtyřstránkové registrace na e-shop. Jakožto vývojáři píšeme pořád stejné validace, takže si můžeme alespoň trochu ulehčit práci využitím HTML5, které přišlo s několika novými atributy, políčky a dalšími elementy. V tomto článku se podíváme na nové atributy a v příštím článku na nové elementy.

Intro.js je maličký framework, který uživatele provede novinkami na vašem webu nebo ve vaší webové aplikaci. Práce s ním je jednoduchá, ve webové stránce k HTML značkám s novinkami přidáte atribut data-intro obsahující…

Existuje řada webových map České republiky (o jedné jsme tu kdysi psali), Moravio přišlo se zajímavým nápadem vykreslit mapu pomocí vektorového fontu. Do HTML tak vložíte mapu pomocí neuspořádaného seznamu krajů a jeho…

V dnešních moderních UI jsou animace důležitou součástí pohodlí uživatele. Internetové prohlížeče mají ne jednu, ale hned čtyři různé technologie, které dovolují plynulé 60 fps animace bez použití pluginů. Zvu vás na výlet…

V HTML5 můžeme pomocí atributu sandbox vkládat na obsah iframe rozličná bezpečnostní omezení. Pojďme se podívat, jaká to jsou a jak je můžeme používat.

Vendor prefixy jsou sice užitečná věc, ale objevuje se okolo nich víc a víc problémů. Boris Zbarsky upozornil na nový trend vývoje v Mozilla Corporation, která se nyní snaží vendor prefixům vyhýbat. Jak to…

Webové stránky a aplikace lze ovládat hlasem. Minimálně v Google Chrome, který se řídí specifikací Web Speech API. Ukažme si, jak použití takového rozpoznání funguje. Podporována je i čeština.

Tři specifikace XPath 3.0, XQuery 3.0 a XQueryX 3.0 prohlásilo W3C za candidate recommendation, což mj. označuje, že se specifikace přiblížily ke svému finálnímu stav. Více viz oznámení W3C.

V souvislosti s rozšířením mobilních zařízení a responzivního webu vzrůstá potřeba tzv. adaptivních obrázků – (obvykle) bitmapových obrázků, ze kterých autor vygeneruje několik verzí pro různá rozlišení. V tuto chvíli existují dvě konkurenční specifikace: atribut srcset, který…

V předchozích dvou dílech jsme se teoreticky i prakticky seznámili s tím, jak lze obrázkům definovat relevantní textové alternativy. Dnes si tyto možnosti krátce shrneme a popíšeme jejich výhody a nevýhody.