Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

20 интересных сайтов на HTML5

9 февраля 2012 | Опубликовано в Веб-дизайн | 14 Комментариев »

Подборка великолепных сайтов, которые реализованы при помощи html5. Посетив их, Вы сможете убедиться,  что  некоторые технологии этого стандарта  помогут сделать проект более интересным.С каждым днём  HTML5 становится всё популярнее, ведь при помощи этого языка разметки можно значительно улучшить  интерактивность  сайта. В настоящее время html5 поддерживается многими браузерами,  для тех, которые не поддерживают существует плагин html5shiv . Полный переход на этот стандарт запланирован на 2014 год, хотя эта дата не точная. Многие мировые лидеры веб-индустрии уже используют этот язык разметки.

В этой статье мы сделали подборку 20 интересных сайтов, реализованными при помощи html5, для того чтобы Вы лучше могли понять и оценить мощь и универсальность этого стандарта

1.  На сайте  The Wilderness Downtown.  можно посмотреть интерактивный фильм. Введите адрес дома, в котором Вы росли,  и Вы сможете совершить виртуальное   путешествие  на родину. Проект реализован при помощи сервиса Google Earth и HTML5.

2. Universeries — информационный сайт о теле-продюсерах и их шоу.

3. Agent008Ball  использует методы canvas  языка HTML5. На этом сайте можно играть в бильярд онлайн. Он был создан при поддержке «Microsoft» для демонстрации новых возможностей IE9.

4. Веб-сайт Shell  был созданный в «Legwork Studios» для презентации нового альбома Гэмита «Parts».  Здесь Вы увидите видео-загадку, решив которую можно получить  доступ к бесплатной загрузке  музыки в формате MP3.

5. Сервис Vua.la поможет Вам найти новых друзей. Просто напишите сообщение и укажите желаемый возраст собеседника.

6. Railup.com— очень интересный проект, который реализован при помощи HTML5 Canvas.  Нарисуйте вагон, и он будет прикреплён к поезду. 

7. На  сайте Ричарда Дарана собраны потрясающие фотографии со всего мира. Можно посмотреть всю информацию по снимкам, вплоть до названия камеры и увидеть место на карте, где была сделана фотография.

8. Одностраничный сайт веб-студии  Vision18.  Совершите экскурсию по офису на кресле.

9. При помощи  сервиса Bikingboss.com можно отправить своего босса очень далеко.

10. Сайт веб-дизайнера Вильяма Кзете, который  реализован при помощи html5 . В разделе  песочница (sendbox)  Вы  также можете увидеть несколько интересных работ, выполненных при помощи CSS.

11. Art Of Stars использует Ваш IP-адрес, чтобы показать картинку звёздного неба над Вами.

12. Сайт музыкальной  группы  ROME

13. Lost World's Fairs— красочный сайт, который описывает новые возможности типографики для веб.

14. Toyota Prius празднует своё десятилетие. Этот сайт хорошо иллюстрирует то, как HTML5 может помочь создать проект более интерактивным.

15. Rumpetroll — сервис для общения. Здесь Вы выглядите как головастик и плаваете в футуристическом водоеме. Этот сайт даёт нам небольшое представление о том, как будут выглядеть социальные сети будущего.

16.  Ghost Shooter- игра-стрелялка, созданная при помощи технологий HTML5.

17. Портфолио Филиппа Эндрюса, фрилансера из Австралии, который делает сайты при помощи флэш и HTML5.

18. Сайт  web-разработчика Филидора Визе , проект создан при помощи HTML5,CSS3 и jQuery.

19. Промо-сайт   нового альбома Бьорк. Он сложный и непредсказуемый, как сама вселенная, совершите небольшое космическое путешествие при помощи этого проекта.

20. Ella Design - сайт  дизайнера из Гон-Конга, который в данный момент проживает в США.  Портфолио очень  хорошо иллюстрировано и разработано при помощи HTML5 и CSS3.

Автор подборки – Дежурка




Комментарии

  1. Настя Манно
    Thumb up Thumb down +16

    Наигралась вдоволь :)) Сколько всяких интересностей готовит нам html5

  2. d1mmmk
    Thumb up Thumb down -3

    Комментарий скрыт из-за рейтинга

  3. marat
    Thumb up Thumb down 0

    =)

  4. Pavel
    Thumb up Thumb down 0

    Хочу добавить неплохой сайт на HTML5:

    html5-studio.ru

    Поробуйте зайти с телефона или планшета и он отобразиться! Крутяк! Не реклама!

    anonim Ответ:

    Thumb up Thumb down -3

    Комментарий скрыт из-за рейтинга

    Pavel Ответ:

    Thumb up Thumb down +5

    =) Ты меня раскусил))) Сорри за рекламу)

  5. Ыысартерпаксваа
    Thumb up Thumb down -7

    Комментарий скрыт из-за рейтинга

  6. galdeckii
    Thumb up Thumb down -1

    %)

  7. Сергей
    Thumb up Thumb down -10

    Комментарий скрыт из-за рейтинга

  8. Deiv
    Thumb up Thumb down -14

    Комментарий скрыт из-за рейтинга

  9. вася
    Thumb up Thumb down -3

    Комментарий скрыт из-за рейтинга

  10. вася
    Thumb up Thumb down 0

    А что вы тут все делаете, а?