web-dev-qa-db-ja.com

誰もが野生で使用されている「HTML5」の実際の例をリストできますか?

私は、誰もが最近使用しているように見えるHTML5タグ、Canvas/3D/javascript、CSS3と同じ方法でHTML5を使用しています。

これらのテクノロジーを実際に使用しているサイトの例を見つけるのに苦労しています。それは、CanvasまたはCSS3の変換またはシェイプを使用して誰かがなんとかしてやったことの単なるデモではありません。

私は素敵な視覚的な外観を持っているサイトを探していますが、アニメーション、スクロール、オフセットアラ シルバーバック またはキャンバスを利用してインタラクティブなサイトを作成し、「Flash-looking」サイトを推測します。

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

スクロール

アニメーション

その他

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

8
betamax

これら2つのサイトは、HTML5の使用法の優れた実用的な例であることがわかりました。

6
mvark

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

試してください-複数のサイト(たとえば、こことStack Overflow)のメンバーシップがある場合は、すべてのCookieと一時ファイルを消去してください。次に、ここからログインしてから、Stack Overflowに進み、ログインしないでください。ドメインがまったく異なっていても、数秒間入力すると自動的にログインします。

3
Mark Henderson

ええ、実際、私はずっと前にそれをしました... 2-3年前、私は推測します。私は基本的に、人々が間取り図の上で物を動かして家具が収まるかどうかを確認できるWebサイトを作成しました。 JavaScriptを使用して行われましたが、問題はJavaScriptが家具を回転させる非常に良い方法を持っていないことでした。

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

1
Michael

以下は、CSS-Tricks.comのChris Coyierによって作成された、フラッシュのような気の利いたWebサイトです。 http://chris-mcgarry.com

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

Chrisは、Html5の使用を強く推奨しています。この例では、それほど多くのHtml5要素を実際には使用していませんが、フラッシュのない未来の精神を実際に捉えています。

1
Xand0r

私たちのサイト( We、the Pixels )は、HTML5のキャンバスを使用して作成されました。 excanvasは必要なものをカットしないため、Flashを通常使用する方法で使用し、実際にはIEにFlashを使用する必要がありました。

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

1
JT703

単純なHTML5 doctypeを使用せずにHTML5ベースのページの例を要求する理由がわかりません。このモードの明確な切り替えが必要です。とにかく、このサイトは、HTML5とCSS3のテクニックを使用して、コンテキストに応じて適用されるグラフィックスで単一ページの原則をかなり広範囲に使用しています。 https://www.airbnb.com/annual/

0
Don Day

Scribd はHTML5を使用しています

0