Кто-нибудь может привести некоторые реальные примеры использования HTML5 в дикой природе?

Я использую HTML5 так же, как все, кажется, используют его в наши дни, то есть: теги HTML5, Canvas / 3D / javascript и CSS3.

Я изо всех сил пытаюсь найти примеры сайтов, которые используют эти технологии практически, и которые не являются просто демонстрацией чего-то крутого, что кто-то сумел сделать с помощью преобразований или форм Canvas или CSS3.

Я ищу сайты, которые имеют приятный визуальный вид, но также используют такие преимущества, как анимация, прокрутка и смещение по типу Silverback или Canvas, чтобы создать интерактивный, и я думаю, «Flash-выглядящий» сайт.

Вот некоторые примеры, которые я нашел:

скроллинг

• http://nikebetterworld.com/
• http://benthebodyguard.com/

Анимация

• http://www.elladesign.com/contact.html

Другой

• http://www.pirateslovedaisies.com/

Я использую HTML5 свободно и ненавижу его использовать. Я был бы рад, если бы вы перечислили действительно визуально привлекательный сайт на основе Javascript, но у него не было типа документа HTML5.

Я считаю эти 2 сайта хорошими и практическими примерами использования HTML5 -

• « 20 вещей, которые я узнал о браузерах и Интернете » - это интерактивное иллюстрированное руководство от Google, предназначенное для случайных пользователей. Есть планы с открытым исходным кодом .
• Справочник Стивена Вальтера по JavaScript, созданный с использованием HTML5 и jQuery. Исходный код и объяснение на том , как он был построен доступен из блога автора.

Сеть Stack Exchange (членом которой является этот сайт) использует HTML5 для своей аутентификации . Вот почему вы можете посетить любой сайт в сети, и как только вы хотя бы один раз войдете в систему вручную, он автоматически войдет в систему позже .

Попробуйте - если у вас есть членство на нескольких сайтах (скажем, здесь и переполнение стека), удалите все свои куки и временные файлы. Затем войдите в систему, затем перейдите в Stack Overflow и не входите в систему. Дайте ему несколько секунд, и он автоматически войдет в систему, даже если домены совершенно разные.

Да, на самом деле, я сделал это давным-давно ... 2-3 года назад, я думаю. Я сделал веб-сайт, который в основном позволяет людям перемещать вещи по плану здания, чтобы увидеть, подходит ли их мебель. Это было сделано с помощью JavaScript, но проблема была в том, что у JavaScript не было очень хорошего способа повернуть мебель.

Когда IE не поддерживал тег canvas, это означало использование другого изображения для поворотов на 0,5,10 ... 85 градусов, а затем я поворачивал эти изображения на 0, 90, 180 или 270 градусов. Для того чтобы покрыть повороты от 90 до 355 градусов. Мало того, что это раздражало, чтобы создать, но это было довольно медленно в его выполнении. FF, который поддерживал тэг canvas, мог вращать мебель практически в реальном времени, но вращение IE было довольно ужасным. IE реагировал где-то между 0,75 и 1,00 секунды, и делать это с шагом в 5 градусов было ужасно раздражающим.

Вот отличный флэш-сайт, созданный Крисом Койером из CSS-Tricks.com: http://chris-mcgarry.com

Крис в основном использует JQuery здесь, с целью, чтобы посетитель мог воспроизводить музыкальные треки и переходить на любую страницу без остановки музыки.

Крис является активным сторонником использования Html5. Этот пример на самом деле не использует столько элементов HTML5, но он действительно отражает дух будущего без флеш-памяти.

Наш сайт ( Мы, Пиксели ) основан на использовании холста HTML5. Мы используем его так, как обычно используют Flash, и на самом деле пришлось использовать Flash для IE, потому что excanvas просто не урезал его для того, что нам было нужно.

Сайт не весь холст, но это основной компонент приложения.

Scribd использует HTML5

Я не уверен, почему вы бы попросили примеры страниц на основе HTML5 без простого типа документа HTML5 - я бы хотел однозначное переключение для этого режима. В любом случае, этот сайт довольно широко использует одностраничный принцип с контекстно-прикладной графикой с использованием методов HTML5 и CSS3: https://www.airbnb.com/annual/