15 stránek, které dělají úžasné věci s HTML5

Připravované webové stránky HTML5 10, aby zjistily, co všechno je HTML5 O 10 webech, které uvidí, co je všechno HTML5 O aktualizaci 20letého jazyka HyperText Markup Language slibuje “web” zkušenosti na zcela novou úroveň, která umožňuje 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í, mnoho vývojářů nezastavilo jeho posunutí na hranice.

Podívejte se na tyto úžasné weby, které vám opravdu poskytují dobrý přehled o možnostech HTML5 jako programovacího jazyka, a ve webovém prohlížeči dělejte věci, které byly kdykoli možné pouze v externím programu nebo pluginu. 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!

Arcade Fire - The Wilderness Downtown

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

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! Na herních implementacích, jako je Wolfenstein 3D, se pracuje a přináší hry do vašeho prohlížeče.

20 věcí, které jsem se naučil o prohlížečích a na webu

Tento web z ukázek Google a “rezervovat” stylizovaný přístup k popisu toho, jak webové prohlížeče fungují a kolik základních technologií funguje. Z technického hlediska 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žití funkce HTML5 websockets umožňuje divákům spolupracovat - současně - čerpat na plátně.

[NO LONGER WORKS] SketchPad

SketchPad je “malovat” program pro web. Podporuje základní nástroje kreslení a provádí se pouze v HTML5 a JavaScript.

Galactic Plunder

Galactic Plunder je 2D kosmická střílečka implementovaná v HTML5. Ne tak plnohodnotná funkce jako běžná střílečka s postranním rolováním, provádí se výhradně v HTML5, což je samo o sobě působivé.

Video efekty

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 “Vybuchnout” pixelů videa při přehrávání.

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.

HTML5Rocks (Google)

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.

8bitové barevné cyklování (jako u starých školních her)

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 příkladů, které jsou také krásné.

Experimenty HTML5 z Hakim.se

Na tomto webu je uvedeno mnoho ukázek her a dalších úhledných drobných pomůcek, které vám předvedou, co s HTML5 můžete dělat. Dobré pro inspiraci a možná i trochu časové odklony.

Harmonie

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 prostě skvělé vidět ve stvoření.

Twitter / Music Mashup

Tento úhledný mashup z @ 9elements přináší 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ší “viděn být věřil” účinek.

Chcete více?

HTML5Demos / CanvasDemos

Tyto dva weby jsou nastaveny tak, aby poskytovaly pohledům širokou škálu ukázek efektů HTML5 a Canvas HTML5. Pohybující se od světských k “chladný”, pokud máte žízeň po více, 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é byste chtěli sdílet? Prosím, vložte do komentářů níže!