15 witryn, które robią niesamowite rzeczy dzięki HTML5

Reklama

Nadchodzące HTML5 10 stron internetowych, aby zobaczyć, o co chodzi w HTML5 Czytaj więcej aktualizacja 20-letniego HyperText Markup Language obiecuje, że przeniesienie „sieci” na zupełnie nowy poziom, umożliwi przeglądarce zrobienie więcej zarówno z perspektywy wizualnej, jak i danych. Mimo że HTML5 wciąż znajduje się w znacznej odległości od pełnego wdrożenia, nie powstrzymało to wielu programistów przed przekroczeniem granic.

Sprawdź te niesamowite strony internetowe, które naprawdę dają ci dobry pomysł na możliwości HTML5 jako język programowania, wykonywanie czynności w przeglądarce internetowej, które były kiedyś możliwe tylko w programie zewnętrznym lub podłącz. Przetestowałem je w Chrome i wszystkie powinny działać w przeglądarce zgodnej z HTML5, takiej jak Chrome, Firefox 4, Safari lub IE9. Są to wersje demonstracyjne, a HTML5 wciąż trwa, więc jeśli masz problemy z ich przeglądaniem, możesz spróbować w innej przeglądarce. Cieszyć się!

To świetne demo zrobione przez Arcade Fire i Google, które zawierają różne sztuczki HTML5 Canvas. Nie chcę zepsuć ci niespodzianki - wpisz swój adres z dzieciństwa i ciesz się wideo i magią techniczną.

WebVenture to implementacja platformy gier MacVenture w HTML5 i Javascript. Możesz teraz grać w Deja Vu 1 i 2, Shadowgate i Uninvited bezpośrednio w przeglądarce! Inne implementacje gier, takie jak Wolfenstein 3D trwają prace nad wprowadzeniem gier do przeglądarki.

Ta witryna firmy Google demonstruje podejście w stylu „książki” do opisu działania przeglądarek internetowych i liczby podstawowych technologii. Imponujące z technicznego punktu widzenia, jest także dobrym podkładem dla czytelników, którzy chcieliby dowiedzieć się więcej o tym, jak działa sieć.

Wspólne rysowanie

To demo korzysta z Websockets HTML5 funkcja umożliwiająca widzom wspólne - jednocześnie rysowanie na płótnie.

SketchPad to program „malujący” dla sieci. Obsługuje podstawowe narzędzia do rysowania i jest wykonywany tylko w HTML5 i JavaScript.

Galactic Plunder to 2D Space Shooter zaimplementowany w HTML5. Nie jest to tak wiele funkcji, jak zwykła strzelanka boczna, jest zrobione całkowicie w HTML5, co samo w sobie robi wrażenie.

HTML5 pozwala na wiele z wideo w Internecie. Oprócz umożliwienia grania bez przeglądarki internetowej, bez wtyczki, pozwala manipulować tym wideo. Ta wersja demonstracyjna pokazuje, jak „wysadzić” piksele wideo podczas odtwarzania.

Piłka do wielu okien

Pokazuje to i efekt widoczny również w filmie Arcade Fire. HTML5 umożliwia otwieranie wielu okien i przenoszenie obiektów między nimi.

HTML5 Rocks to pokaz slajdów, który demonstruje wiele specjalnych funkcji języka HTML5. Jeśli jesteś programistą, daje ci przykładowy kod i pozwala zobaczyć możliwości HTML5.

Jeśli byłeś graczem na początku lat 90., z przyjemnością zapamiętasz ten efekt. Ponieważ moc obliczeniowa była ograniczona, graficy używali „sztuczek” do emulacji wideo na obrazie statycznym. Ten efekt płótna pokaże Ci, jak to zostało zrobione, a także zawiera wiele przykładów, które są również piękne.

Eksperymenty HTML5 z Hakim.se [już niedostępne]

Ta strona zawiera wiele prezentacji gier i innych małych gadżetów, aby pokazać, co możesz zrobić z HTML5. Dobry na inspirację i może trochę czasu.

Harmony to zgrabny mały program do rysowania, który pozwala malować obraz za pomocą pędzli. Możesz tworzyć takie rzeczy, jak „futro” i „sieć”, które są po prostu fajne do zobaczenia w stworzeniu.

Ten schludny mashup z @ 9elements umieszcza muzykę i obracające się kropki za pomocą wpisów na Twitterze o HTML5. Trudno to opisać w praktyce, trzeba zrozumieć!

Łączenie Radiohead / HTML5

Kolejny zgrabny mashup, w którym zagrywa Radiohead Idioteque z rysunkiem Thoma Yorke, który jest rysowany wraz z postępem utworu. Kolejny efekt „postrzegany jako wiarygodny”.

Chcieć więcej?

Te dwie strony internetowe są skonfigurowane tak, aby wyświetlać szeroką gamę demonstracji efektów HTML5 i Canvas HTML5. Od doczesnych po „fajne”, jeśli pragniesz więcej, są to miejsca, do których należy się udać.

W Internecie jest obecnie wiele wersji demonstracyjnych HTML5 - i jest on na dobrej drodze, aby stać się nowym standardem sieci. Czy masz niesamowite dema, którymi chcesz się podzielić? Proszę pisać w komentarzach poniżej!