15 сайта, които правят невероятни неща с HTML5

реклама

Предстоящите HTML5 10 уебсайта, за да видите какво представлява HTML5 Прочетете още актуализация до 20-годишния HyperText Markup Language обещава да изведе „уеб” преживяването на съвсем ново ниво, което позволява на браузъра да направи повече от визуална и информационна гледна точка. Въпреки че HTML5 все още е на голямо разстояние от пълното внедряване, това не е попречило на много разработчици да го натискат до границите.

Вижте тези невероятни уебсайтове, които наистина ви дават добра представа за възможностите на HTML5 като програмен език, правейки във вашия уеб браузър неща, които някога са били възможни само във външна програма или плъгин. Тествах ги в Chrome и всички те трябва да работят в браузър, съвместим с HTML5, като Chrome, Firefox 4, Safari или IE9. Те са демонстрации и HTML5 все още се работи, така че ако имате проблеми с преглеждането им, може да искате да опитате в друг браузър. Наслади се!

Това е чудесна демонстрация, направена от Arcade Fire и Google, която разполага с различни трикове на HTML5 Canvas. Не искам да ви развалям изненадата - въведете вашия детски адрес и се насладете на видео и техническото вълшебство.

WebVenture е HTML5 и Javascript внедряване на игралната платформа MacVenture. Вече можете да играете Deja Vu 1 & 2, Shadowgate и Uninvited направо в браузъра си! Други реализации на игри като Wolfenstein 3D върху които се работи, въвеждането на игри във вашия браузър.

Този сайт от Google демонстрира „книга“ в стилен подход към описание за това как работят уеб браузърите и колко от основните технологии работят. Впечатляващ от техническа гледна точка, той също е добър грунд за читателите, които биха искали да знаят повече за това как работи мрежата.

Съвместно рисуване

Тази демонстрация използва HTML5 уебсакети функция, която позволява на зрителите да си сътрудничат - в същото време да рисуват върху платното.

SketchPad е програма за боядисване в мрежата. Той поддържа рудиментарни инструменти за рисуване и се извършва само в HTML5 и JavaScript.

Galactic Plunder е 2D космически стрелец, реализиран в HTML5. Не е толкова функция, изпълнена като обикновен страничен превъртащ се стрелец, тя се извършва изцяло в HTML5, което само по себе си е впечатляващо.

HTML5 ви позволява да правите много с видео в мрежата. Освен че ви позволява да го възпроизвеждате без вашия уеб браузър, без плъгин, той ви позволява да манипулирате това видео. Тази демонстрация показва как можете да "взривите" пикселите на видеоклип по време на възпроизвеждане.

Топка за няколко прозореца

Това демонстрира и ефект се вижда и във видеото на Arcade Fire. HTML5 ви позволява да отваряте множество прозорци и да премествате обекти между тях.

HTML5 Rocks е слайдшоу, което демонстрира много от особеностите на езика HTML5. Ако сте разработчик, той ви дава примерен код и ви позволява да видите възможностите на HTML5.

Ако сте били геймър в началото на 90-те години, ще запомните този ефект с любов. Тъй като изчислителната мощност беше ограничена, графичните дизайнери използваха „трикове“, за да подражават на видео в статично изображение. Този ефект на платно ще ви покаже как е направен и също така включва много примери, които също са красиви.

HTML5 експерименти от Hakim.se [няма по-дълги налични]

Този сайт изброява много демонстрации на игри и други спретнати малки приспособления, за да покаже какво можете да направите с HTML5. Добър за вдъхновение и може би малко отклонение във времето.

Harmony е кокетна малка програма за рисуване, която ви позволява да използвате готини четки за рисуване на картина. Можете да създавате неща като "козина" и "уеб", които са просто готини за гледане в създаването.

Този чист каша от @ 9elements ями музика и въртящи се точки с туитър публикации за HTML5. Трудно е да се опише на практика, трябва да се види, че разбира!

Radiohead / HTML5 Mashup

Друг спретнат каша, който ями на Radiohead Idioteque с рисунка на Том Йорке, която се рисува с напредването на песента. Друг ефект „вижда се да се вярва“.

Искам още?

Тези два уебсайта са създадени така, че да предоставят на изгледите голямо разнообразие от демонстрации на HTML5 и HTML5 Canvas ефекти. В диапазона от светското до „готиното“, ако сте жадни за повече, това са местата, които трябва да отидете.

Сега в интернет има много демонстрации на HTML5 - и той е на път да се превърне в новия стандарт на мрежата. Имате ли страхотни демонстрации, които бихте искали да споделите? Моля, публикувайте в коментарите по-долу!