48 бруталних демонстрација ХТМЛ5 / ЦСС3

Овим постом одговарам на питање које сте недавно поставили у коментарима чланка:

Када је добро време да започнете потпуно дизајнирање са ХТМЛ5?

Па, искрено, то зависи од циља који циљате. Ако не планирате да ваши посетиоци користе Интернет Екплорер (нпр. Мац страницу софтвера), почните одмах са ХТМЛ5, али ако вам требају људи са ИЕ да виде вашу веб страницу, боље сачекајте ...

О улазу, добро након скока 48 демонстрација ХТМЛ5-а које су невероватне и заслужују да их се види. Сјајно је мало.

Извор | ХонгКиат

aудиобурст Аниматион

Удобна и фантастична анимација креирана помоћу ХТМЛ5 платна и аудио ознаке.

Балл Поол

Будући да је представљен на последњем Гоогле И / О догађају, овај демо вам показује колико динамичан може бити ХТМЛ5.

Блоб Саллад

ХТМЛ5 изнедрено створење које би вам пријало.

Бомомо

Уз Бомомо можете да посматрате различита кретања атома симулирана ХТМЛ5-ом.

Бровсер Балл

Одушевите се овом ХТМЛ5 лоптицом у више прегледача.

Бубблес

Забавите се стварајући бескрајне плутајуће мехуриће различите боје.

Цанвас Цартоон Аниматион

Једноставан и смешан ХТМЛ5 цртани филм који вам помаже да разумете шта ХТМЛ5 елемент платна може.

Цоолцлоцк

Леп, прилагодљив аналогни сат који су направили ХТМЛ5 и ЈаваСцрипт.

Пројекција слајдова Флицкр ПС3

Прегледајте фотографије свог Флицкр-а помоћу презентације у ПС3 стилу у веб прегледачу.

Интерактивни полароид

Интерактивни демо који ради прилично слично мулти тоуцх интерфејсу.

ЈС Ватромет

Уживајте у тренутку ватромета жељене гравитације и брзине, а покрећу га ХТМЛ5 и Јавасцрипт.

Калеидоскоп

Веома леп и футуристички ХТМЛ5 калеидоскоп.

Течне честице

Осетљива анимација честица која реагује на основу вашег кретања миша.

Месмеризер

Још један осетљив и изванредан ХТМЛ5 демо који показује како елементи у близини реагују на кретање миша.

Маглина облак

Изгубите се са овом чудесном ХТМЛ5 маглицом.

Паралакса

Погледајте све 2Д облике у паралелној перспективи.

Анимација честица

Елегантна ХТМЛ5 анимација честица која се може формирати у жељену поруку.

Ширење

Изгубите се уз ову бескрајну анимацију ширења.

Старфиелд

Веома кул ХТМЛ5 анимација на звезданом пољу која ће променити смер и брзину на основу кретања миша.

Видео Деструцтион

Један клик да бисте појачали репродуковани видео.

Таласни облик

Обратите пажњу на то како се талас платна ХТМЛ5 креће променом његове амплитуде, таласне дужине, ширине итд.

КСНУМКСД Еффецт

Импресиониран платненом анимацијом? То је више што ХТМЛ5 елемент платна може, а зове се 3Д ефекат. Програмер се може ослонити на елемент платна, ДОМ и ЈаваСцрипт за стварање 3Д ефекта, који се касније може развити у 3Д анимацију или игру.

Цанвас3Д и Флицкр

Искусите потпуно ново 3Д искуство са Флицкр-овим фотострујом.

Симулација тканине

Реалистична симулација платна заснована на ХТМЛ5.

Еволвинг Монстер

Посматрајте чудовиште које се развија у сложено створење, а један од његових твораца је ХТМЛ5.

Гоогле поклон кутија

Гигантски претраживач Гоогле представљен је у 3Д приказу који се може играти.

ЈС Тоуцх

Квалитетна и реалистична витрина „3Д на 2Д платну“.

Представљање података

Иако се ХТМЛ5 елемент платна може користити за стварање анимације и 3Д ефекта, такође се може применити за представљање математичких података.

Гнуплот

Гнуплот, апликација за цртање података у ХТМЛ5 верзији.

РГрапх

РГрапх пружа широк спектар презентације података као што су тракасти графикон, трака напретка и традиционални радарски графикон.

Веб апликација

На крају, користећи све могућности комбиноване од ХТМЛ5 и других језика, може се створити интерактивна апликација или игра блиска Фласх апликацији.

ЦанвасПаинт

Сведок је да брат Мицрософт Паинта улази у ваш веб прегледач, а његов отац је ХТМЛ5.

ЦанвасМол

Научна апликација која је направљена да вам помогне да разумете структуру одређених елемената земље.

Цртани градитељ

Нацртајте занимљиву цртану слику помоћу овог минималног и интерактивног креатора цртаћа.

Повуците било шта овде

Превуците све што можете повући у демонстрацији да бисте приказали детаље.

Гратичка скица

Оригинална ХТМЛ5 апликација која вам омогућава да направите неке основне цртеже који се могу сачувати у различитом формату слике, попут јпег или пнг.

ПхисицСкетцх

Нацртајте шта год желите и погледајте како реагују симулираном гравитацијом.

Скетцхпад

Моћна ХТМЛ5 апликација за цртање која вам омогућава прецизно цртање и уређивање слике.

Мали разговор

Веб апликација која потврђује географски положај порука повезаних са временом које су преузете са Твиттера, чинећи их тако у 'социјалну временску' мапу засновану на платну, прилично тривијалну (како наводи аутор), али занимљиву.

игра

3Боред

Никада вам не би било досадно ако у наредној секунди наставите да избегавате стотине ХТМЛ5 метака.

Izbiti

Одскочите лопту да бисте поломили све цигле.

Цанвасцапе

Није баш игра, али показује како се ХТМЛ5 може користити за развој претраживачке игре Фирст Персон Схоотинг.

Цатцх Ит

Колико лопти можете да избегнете да бисте добили победнички ХТМЛ5 квадрат?

Ланчана реакција

Повежите експлозију да бисте постигли циљ, немојте бити зависни.

Цубеоут

Играјте Тетрис у 3Д, одозго надоле.

етцхаПхисицс

Нацртајте предмет да бисте преместили лопту до звезде, не заборавите на гравитацију.

Слагалица

Кликните, ротирајте и испустите делове слагалице да бисте решили ову слагалицу засновану на ХТМЛ5.

Слиде Пуззле

Клизните до победе, још једна ХТМЛ5 игра која је створена да вам исцеди сок.

Иста игра

Уклоните одређену групу да бисте добили другу групу упарену у истој боји и на крају бисте били награђени победом.

Тетрис

Једна од најкласичнијих игара коју је ХТМЛ5 оживео.

Торус

Још једна Тетрис игра у псеудо-3Д верзији.