html5 техники, примеры, хаки
Отборная информация, которая вставляет!

Будущее вебстроительства — html5


Ранее, как-то считалось, что флеш является одной из самых перспективных технологий. И действительно, на флеше сделано много очень ярких и серьезных сайтов. Но прошло немало времени, а флеш технологии так и не смогли устранить свои недочеты, такие как плохая индексация со стороны поисковиков, большой вес, проблемы с поддержкой в разных устройствах.

А самая большая проблема флеш технологий на сегодня — как ни страно, это Apple, продукция которых становится все популярней и которые не хотят поддерживать адобовский флеш.

Чем же можно заменить флеш?

Одно время микрофост продвигали свою технологию silverlight, но как и остальное от оконников, технология не стала широкопопулярной.

И на публику появилась новая техника html5. В купе с css3 + популярной библиотекой jquery, HTML5 позволяет добиваться потрясающих результатов и аннимаций. И если с css3 понятно чего можно добиться, с jquery есть много очень полезных сайтов и плагинов, то чего можно добиться с HTML5?

Вот вам несколько примеров для вдохновения. Заметьте, эта техника только набирает популярность и я уверен, что таких примеров будет все больше и больше.

Кликайте на картинки, чтобы перейти на сайты-примеры

Основное преимущество HTML5, это то, что html5 — это не совсем новая технология, это новая разметка документа, такая же как html4, на которой написаны все сайты сейчас, только более продвинутей. Это означает, что переделывать старые сайты совсем не обязательно, можно всего лишь добавить то, что вам требуется.

Следующим преимуществом является отличная поддержка видео и аудиопотоков. Теперь, чтобы вставить видео на страничку, совсем не нужно использовать флеш или какие-то сторонние плагины.

Кроме этого, 2d картинки теперь можно вставлять прямо в код. Но и это ещё не все. Благодаря встроенному кешированию, можно будет просматривать странички, которые вы уже посетили, находясь в оффлайне. Добавьте к этому более быструю работу, а также усовершенствованную поддержку мобильных устройств и получите технологию будущего.

Для более полного ознакомления с html5 читайте статьи и . (статьи на буржуйском)


 

Похожие статьи:



9 комментариев к “Будущее вебстроительства — html5”


9643e5d7

  1. :

    Ого, даже не догадывался что с хтмл 5 можно творить такие чудеса!

    Спасибо за пост

  2. :

    Да, действительно красивая анимация. Надо будет попробовать как-нибудь с html-5 что-то замутить

  3. Duper:

    Почему 6 пальцев в кулаке ?

  4. :

    реальные темы зделаны круто выглядит

  5. :

    1. Насколько просто создать такие анимации? Хотелось бы увидеть затраты в часах на создание в флеше и в хтмл5 подобных вещей.
    2. Покажите пример баннера сделанного на хтмл5, и крутящегося в какой-нить баннерообменке.
    3. Сколько знакомых (в процентах) имеют девайсы эппла? ну там айфон или айпад, на чем там флеш не идет (хотя слышал на айпаде вроде умельцы прикручивали флеш).

    Согласен что флеш АДОБ запороли, для меня лично, что на флеше, что на ява скриптах делать уже разницы особой нет, все удобство которое было у макромедии сошло на нет. Да, еще и сам адоб заявил что флеш умирает, а им не верить сложно ))) хотя удивительно как разработчик может убивать курицу, несущую золотые яйца… так что таки да, все резко учим ява-скрипты.

    • ETNO:

      1. все зависит от сложности, думаю в флеш проще делать анимацию, но на html5 — взаимодействие.
      2. пока нет такого, но уже появляются первые статьи о том как такие баннеры делать, к тому же анимацию можно уже делать на css3. Думаю html5+css3 баннеры появятся уже очень скоро
      3. Ipad Немного, у самого samsung GT, который нормально флеш хавает. Тем не менее, айфонов сейчас очень много, и у знакомых тоже.

      Флеш думаю останется, но будет для узко специализированных ниш.

    • :

      Пример баннера на HTML5 — пожалуйста —

      А вот к примеру баннер HTML5 на сайте висит —

      Да — конечно баннерные сети их еще не принимают, что об этом говорить если у некоторых еще ограничение по флэш баннерам стоит до 6 версии.

      Но к примеру Mail.ru уже принимает к размещению баннеры на html5

      • ETNO:

        интересные баннера, но пока сложно все, проще на флеш сделать. Но будущее за html5 это однозначно

  6. :

    ..кстати, а чего у вас жучки в шапке (около фонарика) флешовые? не хорошо :) срочно переделайте на хтмл5