reklama
Příští HTML5 10 webů, kde uvidíte, o čem je HTML5 Přečtěte si více aktualizace 20letého jazyka HyperText Markup Language slibuje, že „webový“ zážitek se dostane na zcela novou úroveň, což umožní prohlížeči dělat více z vizuálního i datového hlediska. Přestože HTML5 je stále v dostatečné vzdálenosti od úplného nasazení, nezabránilo to mnoha vývojářům, aby jej posunuli na hranice.
Podívejte se na tyto úžasné weby, které vám opravdu poskytují dobrý nápad, pokud jde o schopnosti HTML5 jako programovací jazyk, ve vašem webovém prohlížeči dělat věci, které byly kdykoli možné pouze v externím programu nebo zapojit. Testoval jsem je v prohlížeči Chrome a všechny by měly fungovat v prohlížeči kompatibilním s HTML5, jako je Chrome, Firefox 4, Safari nebo IE9. Jedná se o ukázky a HTML5 stále pracuje, takže pokud máte problémy s jejich prohlížením, můžete zkusit jiný prohlížeč. Užívat si!
Toto je skvělé demo od Arcade Fire a Google, které obsahují různé triky HTML plátna. Nechci vám překvapit překvapení - zadejte svou dětskou adresu a užijte si video a technické kouzlo.
WebVenture je implementace herní platformy MacVenture ve formátu HTML5 a Javascript. Nyní můžete hrát Deja Vu 1 a 2, Shadowgate a Uninvited přímo ve vašem prohlížeči! Jiné herní implementace jako Wolfenstein 3D pracuje se na tom, že do vašeho prohlížeče přinese hry.
Tento web od dema společnosti Google představuje „knižní“ přístup k popisu toho, jak webové prohlížeče fungují a kolik základních technologií funguje. Z technického hlediska je to působivé, je to také dobrý primer pro čtenáře, kteří by chtěli vědět více o tom, jak web funguje.
Společná kresba
Toto demo používá Webové zásuvky HTML5 Tato funkce umožňuje divákům spolupracovat - současně - čerpat na plátně.
SketchPad je program „malování“ pro web. Podporuje základní nástroje kreslení a provádí se pouze v HTML5 a JavaScript.
Galactic Plunder je 2D kosmická střílečka implementovaná v HTML5. Není to tak naplněné funkcí jako běžná střílečka s postranním rolováním, děje se výhradně v HTML5, což je samo o sobě působivé.
HTML5 vám umožňuje hodně s videem na webu. Kromě toho, že jej můžete hrát bez webového prohlížeče, bez pluginu, vám umožňuje manipulovat s tímto videem. Toto demo ukazuje, jak můžete během přehrávání „vyhodit do povětří“ pixely videa.
Více okenní koule
Toto demonstruje a působí také ve videu Arcade Fire. HTML5 umožňuje otevřít více oken a nechat mezi nimi pohybovat objekty.
HTML5 Rocks je prezentace, která demonstruje mnoho speciálních funkcí jazyka HTML5. Pokud jste vývojář, dá vám ukázkový kód a umožní vám vidět možnosti HTML5.
Pokud jste byli hráčem na začátku 90. let, budete si tento efekt laskavě pamatovat. Protože výpočetní výkon byl omezený, grafičtí designéři používali „triky“ k emulaci videa ve statickém obrazu. Tento efekt plátna vám ukáže, jak se to stalo, a také obsahuje mnoho krásných příkladů.
Experimenty HTML5 z Hakim.se [Už není k dispozici]
Na tomto webu je uvedeno mnoho ukázek her a dalších úhledných malých miniaplikací, které vám předvedou, co s HTML5 můžete dělat. Dobré pro inspiraci a možná i trochu časové odklony.
Harmony je úhledný malý kreslicí program, který vám umožňuje malovat obrázek pomocí skvělých štětců. Můžete vytvářet věci jako „srst“ a „web“, které jsou při tvorbě prostě skvělé.
Tento úhledný mashup od @ 9prvků vybírá hudbu a rotující tečky s twitterovými příspěvky o HTML5. V praxi je těžké to popsat, musí být pochopeno!
Radiohead / HTML5 Mashup
Další úhledný mashup, který propadá Radioheadovi Idioteque s kresbou Thom Yorke, která je kreslena s postupující písní. Další efekt „viděný být věřil“.
Chcete více?
Tyto dva weby jsou nastaveny tak, aby poskytovaly pohledům širokou škálu ukázek efektů HTML5 a Canvas HTML5. Od světských po „chladné“, pokud máte žízeň po dalších, jsou to místa, kam jít.
Na internetu nyní existuje mnoho ukázek HTML5 - a je na dobré cestě stát se novým standardem webu. Máte úžasná ukázky, které chcete sdílet? Prosím, vložte do komentářů níže!
Dave Drager pracuje v XDA Developersin na předměstí Filadelfie, PA.
