誰もが実際に使用されている「HTML5」の実際の例をいくつか挙げられますか？

私は最近、誰もがHTML5タグを使用しているように見えるようにHTML5を使用しています。つまり、HTML5タグ、Canvas / 3D / javascriptおよびCSS3です。

これらのテクノロジーを実際に使用しているサイトの例を見つけるのに苦労しています。これは、CanvasまたはCSS3トランスフォームまたはシェイプを使用して誰かが管理したクールなデモだけではありません。

私は見た目が良いだけでなく、アニメーション、スクロール、シルバーバックやキャンバスのオフセットなどを利用してインタラクティブなサイトを作成し、「フラッシュのような」サイトを作成しているサイトを探しています。

これらは私が見つけたいくつかの例です：

スクロール

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

アニメーション

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

その他の

• http://www.pirateslovedaisies.com/

私はHTML5を大まかに使用しており、それを使用するのは嫌いです。あなたが本当に視覚的に魅力的なJavaScriptベースのサイトをリストしたが、それがHTML5 doctypeを持っていなかったら幸いです。

これらの2つのサイトは、HTML5の使用法の良い例であり、

• 「ブラウザとウェブについて学んだ20のこと」は、カジュアルユーザー向けのGoogleのオンラインイラストガイドです。コードをオープンソース化する計画があります。
• HTML5とjQueryで構築されたStephen WaltherのJavaScriptリファレンス。ソースコード＆説明上、それが構築された方法は、作者のブログから入手可能です。

Stack Exchangeネットワーク（このサイトがメンバーになっている）は、認証にHTML5を使用します。そのため、ネットワーク内の任意のサイトにアクセスでき、少なくとも一度は手動でログインすると、後で自動的に自動的にログインします。

試してみてください-複数のサイト（こことStack Overflowなど）のメンバーシップを持っている場合は、すべてのCookieと一時ファイルを消去してください。次に、ここにログインしてから、Stack Overflowに移動し、ログインしないでください。数秒待つと、ドメインがまったく異なっていても、自動的にログインします。

ええ、実際、私はずっと前にそれをしました... 2〜3年前に、私は推測するでしょう。私は基本的に人々が間取り図の上で物を動かして、彼らの家具が合うかどうか見ることができるウェブサイトを作りました。それはJavaScriptで行われましたが、問題はJavaScriptが家具を回転させるための非常に良い方法を持っていなかったことでした。

IEがキャンバスタグをサポートしていなかったとき、これは0、5、10 ... 85度の回転に別の画像を使用することを意味し、それらの画像を0、90、180、または270度回転させました。 90度から355度までの回転をカバーするために。作成するのが面倒だっただけでなく、実行が非常に遅かった。canvasタグをサポートしていたFFは、家具をリアルタイムでかなり回転させることができましたが、IEによる回転はかなりひどいものでした。IEは応答に0.75〜1.00秒かかり、5度刻みでそれを行うのはひどく迷惑でした。

：ここではCSS-Tricks.comのクリスCoyierによって作られた気の利いたフラッシュのようなウェブサイトの http://chris-mcgarry.comは、

Chrisは主にここでJQueryを使用しています。その目的は、訪問者が音楽を停止せずに音楽トラックを再生して任意のページに移動できるようにすることです。

Chrisは現在Html5を使用することを強く支持しています。この例では、実際には多くのHtml5要素を使用していませんが、フラッシュのない未来の精神を実際に捉えています。

私たちのサイト（私たち、ピクセル）は、HTML5のキャンバスを使用して設立されました。Flashが通常使用される方法で使用し、実際にはIEにFlashを使用する必要がありました。excanvasが必要なもののためにそれをカットしていなかったからです。

サイトはすべてのキャンバスではありませんが、メインのアプリケーションコンポーネントです。

ScribdはHTML5を使用しています

単純なHTML5 DoctypeなしでHTML5ベースのページの例を尋ねる理由がわからない-そのモードの明確なスイッチが欲しい。とにかく、このサイトは、HTML5とCSS3の手法を使用して、状況に応じてグラフィックを適用したシングルページの原則をかなり広範に使用しています。https：//www.airbnb.com/annual/