10 webů, abyste zjistili, o čem je HTML5

HTML (HyperText Markup Language) je dnes nejpoužívanějším značkovacím jazykem. Značky, prvky a úhlová závorka s trochou pomoci od CSS tvoří stavební blok všeho, co uvidíte na World Wide Web.

Je to téměř 20 let, co HTML začalo definovat, jak „vidíme“ web. Nyní je na pokraji své páté hlavní revize - HTML5. Od prvního avataru až po pátý se web sám transformoval. HTML5 je pokus vyhovět současným potřebám, který je založen na dynamickém a multimediálním obsahu. Jak to však změní způsob, jakým vypadáme a pracujeme s webem?

Dnešní web je stále více interaktivní a bohatý na média. Aplikace se pohybují online. HTML5 pokrývá všechny tyto potřeby zavedením způsobů vkládání videí a zvuku, kreslení jednoduché grafiky, práce s aplikacemi offline; to vše bez pluginů a samozřejmě to vše rychleji než dříve.

Je to přece jen standard. Je tedy téměř nemožné potit detaily v několika řádcích. Zde je deset zdrojů, které vám poskytnou informace o HTML5. Seznámíme se s tím, protože bychom ji mohli brzy všichni používat.

WTF je HTML5 [již není k dispozici]

Výzkumná skupina Focus rozebírá nejnovější specifikaci a dává jí rovnou nahoru jako jednoduché pochopení infographic. Během deseti minut získáte přehled vrtulníku o tom, o čem je HTML5 a proč bychom se měli starat.

Ponořte se do HTML5

Napsal Mark Pilgrim, je to ručně vybraný pohled na vybrané vlastnosti HTML5. Je to dáno dohromady v konverzačním stylu “˜Pro sérii figurín. Pokud chcete pochopit základy, je to nutné přečíst.

A je tu “˜Profesor Markup ', který vás provede spolu s odpověďmi na běžné dotazy. Každá kapitola je podporována ukázkami a příklady. Před vyzkoušením však zkontrolujte uvedené podporované prohlížeče.

HTML5Doctor

Na HTML5Doctor.com máte články, které vám mají pomoci zasáhnout. Například pomocí úplně prvního článku můžete nastavit, aby vaše webová stránka byla v prohlížečích rozpoznávána jako HTML5. Čtvrtý příspěvek pomáhá při navrhování blogu s HTML5.

Blog HTML5 má také sekci Otázky a odpovědi, kde můžete nahrát své dotazy. Některé z odpovědí přicházejí na domovskou stránku jako “˜Vaše dotazy zodpovězeny 'příspěvky.

HTML5Rocks

Tento webový zdroj HTML5 vyžaduje, abyste se dobře orientovali v kódování. Pokud ano, existuje několik tutoriálů, které vám pomohou pochopit, jak lze funkce HTML5 kódovat. Na HTML5 můžete experimentovat Hřiště a dokonce znovu použít některé ukázky kódu ve vašem vlastním projektu.

Výukové programy jsou málo, ale komplexní. Každá je také označena ikonou prohlížečů, které splňují požadavky na funkci HTML5.

HTML5games

HTML5 dává Adobe několik bolestí hlavy, protože slibuje, že s Flash (alespoň u některých aplikací) zmizí. Ukáže se HTML5 stejně efektivní jako online hry jako hry založené na Flash, na které jsme si zvykli? Vyzkoušejte si to hraním her HTML5, které jsou hostovány na tomto webu.

Připravenost HTML5

Všechny prohlížeče se připravují na HTML5. Poloviční kolečko na tomto webu je vizuálním ukazatelem dosavadních podkladů každého prohlížeče pro HTML5 a CSS3. Můžete umístit kurzor nad 28 funkcí a měřit jeviště z barevně označených paprsků.

Z pohledu toho jsou Safari a Chrome na cestě více než ostatní.

[NO LONGER WORKS] HTML5 Element Reference Reference Table

Periodická tabulka prvků, projekt Josh Duck je nepředvídatelný pohled na 104 prvků HTML5 (a 2 navrhované prvky) pomocí rozvržení periodické tabulky. Kliknutím na každou buňku se zobrazí krátký popis s dalšími odkazy.

Test HTML5

Na první pohled můžete sdělit své skóre (prohlížeče), když je porovnáno s funkcemi připravenými pro HTML5. Jakmile se web načte, zobrazí se skóre z maximálně 300. Bonusové body získáte, pokud podpora přesahuje rámec toho, co může stanovit specifikace HTML5.

Skóre je také barevně označeno, což znamená, že je něco mezi tím, co je skvělé a co není k dispozici v prohlížeči.

Galerie HTML5

HTML5gallery.com přehlíží jiné weby, které používají HTML5 v nějaké formě. Můžete kliknout na miniaturu a dostat se na zobrazené webové stránky. Je to také vzdělávací platforma, která umožňuje sledovat, jak weboví vývojáři implementují HTML5.

Každý profilovaný web má malou poznámku, která vysvětluje, jak byl prvek HTML5 použit k návrhu webu.

YouTube HTML5 Beta

“˜Prvek videa je nabízen jako jeden z nejprodávanějších bodů HTML5. Můžete to vyzkoušet na YouTube tím, že pro většinu videí použijete přehrávač HTML5 místo přehrávače Flash. Vaše vyzkoušení vám také řekne, jak se váš aktuální prohlížeč vyrovnává s videi HTML5. Přečtěte si sekci Poznámky, abyste si všimli jemnějších bodů za úsilí o beta verzi z YouTube.

Všechno říká své vzrušující dny dopředu. Těchto deset webových stránek na HTML5 je jen začátečníkem plemene, které brzy exploduje. Doufejme, že vám pomohou dát ten správný prvek pro práci s HTML5.

Obrázek: justinsonmia