Рейтинг ипотечных кредитов

Рейтинг ипотечных кредитов
Эксклюзивное исследование Банки.ру — февраль, 2017

7 причин уже сейчас перейти на HTML5

05.04.2012 12:24 2 11 312 просмотров
Технология HTML5 с каждым днем становится все более популярной в Интернете. Если несколько лет назад о ней знали только в узких профессиональных кругах веб-разработчиков, то теперь наслышаны об HTML5 и люди, связанные с отраслью лишь опосредованно. В большей степени известность эта распространилась в связи с противостоянием технологий HTML5 и Flash. HTML5 претендует на право стать универсальным стандартом разработки мульмидейного контента в будущем, защитники Flash'a яростно обороняют свои позиции. Попробуем, не углубляясь в технические тонкости, рассказать, чем же хорош HTML5 и почему этого стандарта не стоит бояться.

1. HTML5 – новый этап стандартизации веба.
Распространено заблуждение, что HTML5 – это новый язык разметки, который не будет понятен старым версиям браузеров, которые сейчас в основном установлены у пользователей. Многие думают, что все те возможности, которые активно афишируют сторонники HTML5, будут доступны только тем, кто имеет самые последние версии браузеров.
На самом деле, HTML5 это все тот же язык разметки, понятный браузерам, в который просто добавили дополнительные инструменты для работы с объектами и мультимедиа. По сути это просто новая версия уже давно используемого в Интернете стандарта HTML4, стандартизированного Консорциумом W3C в 1997 году. Таким образом, с точки зрения разработчиков, HTML5 – это не есть что-то принципиально новое, на чем нужно будет учиться работать. Новый стандарт просто расширил возможности разработчиков. Теперь среда HTML5 позволяет реализовать те визуальные «фишки» и опции, которые раньше были доступны только благодаря технологии Flash.
Сам разговор о том, приживется или нет технология HTML5 в веб-разработке, лишен всякого смысла: распространение HTML5 – это новый этап стандартизации веб-технологий W3C. Известен даже предположительный срок, когда должна осуществиться полная доработка всех компонентов HTML5 – 2014 год. После этого Консорциум W3C объявит рекомендацию всем разработчикам о применении нового стандарта верстки. Так же, как это когда-то произошло с HTML4 в 1997 году и его предшественниками еще раньше. Вопрос выбора альтернативы даже не стоит – все браузеры будут поддерживать HTML5 по умолчанию.

2. Физические законы в «цифре».
Какими возможностями обладает HTML5? По сути это пустая оболочка, в которую можно внедрить что угодно. Благодаря таким инструментам, как Box2D, Canvas, на сайте можно реализовать 3D-модели объектов, которые будут перемещаться и взаимодействовать друг с другом по физическим законам.


http://www.thisshell.com/

В качестве примера реализации анимированных физических объектов можно привести сайт нашего агентства, где работы представлены в виде анимированных многогранников.


http://pirogov.ru/

Эту «фишку» можно использовать где угодно и как угодно, все ограничивается только фантазией разработчиков. Можно сделать промо-сайт с wow-эффектом, где интерактивные объекты будут располагаться прямо поверх основного контента.

3. «Многослойность» сайта.
Благодаря HTML5, можно внедрить сложную анимацию на корпоративный сайт, как это в последнее время стало распространенным. При этом анимированные компоненты не будут смешиваться с содержимым страницы, они будут как бы на разных «слоях» и будут ограничиваться контурами объекта, а не областью его движения/трансформации. Чтобы лучше понять разницу, приведем простой пример. Если в качестве анимированного объекта, перемещающегося поверх сайта, сделать автомобиль, то при реализации с использованием технологии Flash кликабельным будет весь прямоугольник, в который вписан контур машины, даже если визуально там будет находиться текст основного содержания страницы. HTML5 работает более корректно и позволяет избежать данного “побочного эффекта“. Даже при отклонении в 10 пикселей от объекта анимации сайт будет воспринимать нажатие как работу с другим «слоем».


http://beta.rallyinteractive.com/

4. Анимация без границ.
Это важное достоинство HTML5 по сравнению с технологией Flash. Если раньше вся анимация концентрировалась в так называемой «шапке» сайта, а все остальные блоки шли отдельно, то сейчас границы между анимацией и блоками контента исчезли. Анимация может осуществляться где угодно и как угодно, и при этом не будет мешать основному содержанию сайта.


http://nizoapp.com/


http://wheelsofsteel.net/

5. Третье измерение.
HTML5 позволяет придать сайту эффект трехмерного пространства. Те же самые «слои» могут перемещаться при скроллинге с разной скоростью и, таким образом, формировать эффект параллакса.


http://www.nikebetterworld.com/product


http://benthebodyguard.com/

6. Работа с видео без сбоев.
HTML5 позволяет работать с видео, так что никакие сбои в работе Flash-плеера больше не лишат возможности пользователей радости просмотра мультимедийного контента.


http://www.360langstrasse.sf.tv/page/

7. Работа без перезагрузки внутренних страниц.
Большим сдерживающим фактором в распространении HTML5 было то, что многие браузеры далеко не полностью использовали возможности языка javascript. Особенно это касалось браузера Internet Exporer, чья доля была очень высока, но который практически не поддерживал javascript.
Новая технология Ajax позволяет делать сайты на HTML5 без перезагрузки внутренних страниц. Не надо ждать, пока сменится контент, интерфейс остается неизменным и подгружается практически мгновенно. Фактически сайт становится похожим на программу.


http://artofflightmovie.com/

Эту технологию уже активно используют социальные сети, которым крайне важно удержать пользователя. Посмотрите на Facebook или ВКонтакте: основное меню остается практически неизменным при клике на его разделы, а вся информация подгружается в отдельном блоке. Таким образом, пользователю не приходится ждать, когда произойдет полная перезагрузка страницы.

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

Комментарии 2

Алексей Кормилкин  (akormilkin)
#
Василий, а что необходимо сделать, чтобы "уже сейчас перейти на html5"? У меня, к примеру есть свой сайт (в профиле ссылка), сейчас он на html4. Я хочу его оживить. Что я должен сделать и сколько мне это будет стоить?

p.s.
Кстати, Вы могли бы на примере моего сайта, продемонстрировать, что получит ваш потенциальный заказчик, который захочет перейти на html5.
Василий Пирогов  (vpirogov)
#
Алексей, «оживить» сайт, просто добавив элементы HTML5, невозможно – нужно перевёрстывать сайт и делать редизайн. Если Вы хотите, чтобы сайт был достойным. В материале мы привели примеры эффектов и технических решений, которые можно внедрить в том числе и на Вашем сайте – Вы, как потенциальный заказчик, можете самостоятельно решить, какие хотите использовать. Мы можем дать профессиональные советы, где и как использовать фишки HTML5, но это тема отдельного разговора по юзабилити.
Комментарии и отзывы могут оставлять только зарегистрированные пользователи.
Авторизуйтесь или зарегистрируйтесь.

Популярные сообщения

Новости по итогам отчетности за январь 2017 г.
Нарушители нормативов ЦБ в январе (тех, кто находится на санации, тех, у кого уже отозвана лицензия и тех, где введена временная администрация, не обсуждаем
7
С Днем Защитника Отечества
Рубрика Карта к празднику Завтра мы все отметим замечательный праздник - день Защитника Отечества! Поздравляю всех причастных! ну и традиционно -
0
На форуме Banki.ru уже год не могут починить flash player
В честь прошедшего Дня святого Валентина — корпоратив для влюблённых в банковский бизнес: видео про суровые будни сотрудников банков (6+). Бабуля-уголовница
2
А жизнь за партию отдадите, если потребуется ?
Категорически всех приветствую! На этот раз речь пойдет ... про экономику, про политику и про ГТО Как известно нация должна быть трезвой
3
Как досрочно погасить автокредит лопнувшему банку?
Как все уже знают, отзыв лицензии банка не является основанием для прекращения платежей по кредитам, взятым в этом банке. Проще говоря, что бы ни случилось
11

Новые сообщения

  • Инвестиционные советы от Vanguard на 2017 год
    Представляю Вашему вниманию инвестиционные советы на 2017 год от второй крупнейшей инвестиционной компании мира Vanguard, под управлением, которой находится
  • Три причины потери денег на фондовом рынке
    Хочешь узнать своего главного врага? Посмотри в зеркало Сегодня мы убедимся в этом высказывании на все 100%. В своем посту «Делай Наоборот: КАК НАДО
  • С Днем Защитника Отечества
    Рубрика Карта к празднику Завтра мы все отметим замечательный праздник - день Защитника Отечества! Поздравляю всех причастных! ну и традиционно -
  • Рынок нефти 21 февраля
    Нефть накануне продемонстрировала сдержанный рост (~0.5%) на фоне сообщений о том, что Саудовская Аравия продолжает сокращать производство в рамках соглашения
  • Моспромстрой и Гарант Сервис
    Очередная мутная история с новацией займа ПАО "Моспромстрой" и какой-то конторой "Гарант Сервис". Чаще всего комбинация слов "Моспромстрой" и "Гарант