私はあなたが最近記事のコメントで尋ねた質問に答えるためにこの投稿を取ります:
HTML5で完全にデザインを始めるのに良い時期はいつですか?
まあ、正直なところ、それはあなたがターゲットにしているターゲットに依存します。 訪問者がInternetExplorer(例:Macソフトウェアページ)を使用する予定がない場合は、今すぐHTML5から始めてください。ただし、IEを使用しているユーザーがWebサイトを表示する必要がある場合は、しばらくお待ちください...
エントリでは、ジャンプのかなり後に、驚くべき、見る価値のあるHTML48の5のデモがあります。 素晴らしいことはほとんどありません。
ソース| ホンキアット
audioburstアニメーション
HTML5のキャンバスとオーディオタグで作成された快適で素晴らしいアニメーション。
ボールプール
前回のGoogleI / Oイベントで紹介されたこのデモでは、HTML5がいかに動的であるかを示しています。
ブロブサラダ
あなたを喜ばせるHTML5で生成された生き物。
ボモモ
Bomomoを使用すると、HTML5でシミュレートされたさまざまな原子の動きを観察できます。
ブラウザボール
この「クロスブラウザ」HTML5ボールに驚かされます。
バブル
さまざまな色の無限の浮遊泡を作成して楽しんでください。
キャンバス漫画アニメーション
HTML5のcanvas要素で何ができるかを理解するのに役立つシンプルで面白いHTML5漫画。
coolclock
HTML5とJavaScriptによって構築されたカスタマイズ可能なアナログ時計。
FlickrPS3スライドショー
Flickrの写真をPS3スタイルのスライドショーでWebブラウザーに表示します。
インタラクティブポラロイド
マルチタッチインターフェイスと非常によく似たインタラクティブなデモ。
JS花火
HTML5とJavascriptを利用して、お好みの重力と速度で花火の瞬間をお楽しみください。
万華鏡
非常に美しく未来的なHTML5万華鏡。
液体粒子
マウスの動きに基づいて反応する高感度のパーティクルアニメーション。
メスメライザー
近くの要素がマウスの動きにどのように反応するかを示す、もう5つの繊細で優れたHTMLXNUMXデモ。
星雲雲
この素晴らしいHTML5星雲で迷子になります。
視差
すべての2D形状を平行透視法で表示します。
パーティクルアニメーション
好みのメッセージを形成できるエレガントなHTML5パーティクルアニメーション。
広がる
この無限の広がりのアニメーションで迷子になります。
Starfield
マウスの動きに基づいて方向と速度を変更する、非常にクールなHTML5スターフィールドアニメーション。
ビデオ破壊
ワンクリックで再生中のビデオをブームします。
Waveform
HTML5のキャンバス波が、その振幅、波長、幅などを変更することによってどのように動くかに注目してください。
3D効果
キャンバスアニメーションに感銘を受けましたか? これは、HTML5のcanvas要素でできることであり、3D効果と呼ばれます。 開発者は、canvas要素、DOM、JavaScriptを使用して3D効果を作成できます。これは、後で3Dアニメーションやゲームに開発できます。
Canvas3DとFlickr
Flickrのフォトストリームでまったく新しい3D体験をしてください。
布のシミュレーション
リアルなHTML5ベースの布のシミュレーション。
進化するモンスター
複雑な生き物に進化するモンスターを観察してください。その作成者の5人はHTMLXNUMXです。
Googleギフトボックス
巨大な検索エンジンGoogleは、3Dの再生可能なビューで表示されます。
JSタッチ
高品質でリアルな「3Don2DCanvas」ショーケース。
データプレゼンテーション
HTML5のcanvas要素を使用してアニメーションや3D効果を作成できますが、数学データを表示するために実装することもできます。
gnuplot
HTML5バージョンのデータプロットアプリケーションであるGnuplot。
Rグラフ
RGraphは、棒グラフ、プログレスバー、従来のレーダーチャートなどの幅広いデータ表示を提供します。
Webアプリケーション
最終的には、HTML5と他の言語を組み合わせたすべての可能性を使用して、Flashアプリケーションに近いインタラクティブなアプリケーションまたはゲームを作成できます。
キャンバスペイント
Microsoftペイントの兄弟があなたのウェブブラウザにやってくるのを目撃してください。彼の父親はHTML5です。
キャンバスモル
特定の地球要素の構造を理解するのに役立つように構築された科学的アプリケーション。
漫画ビルダー
この最小限のインタラクティブな漫画ビルダーで面白い漫画の画像を描きます。
ここに何かをドラッグ
デモでドラッグできるものをすべてドラッグして、詳細を表示します。
ガーティックスケッチ
jpegやpngなどのさまざまな画像形式で保存できるいくつかの基本的な図面を作成できるオリジナルのHTML5アプリケーション。
物理スケッチ
好きなものを描いて、シミュレートされた重力とどのように反応するかを確認してください。
スケッチパッド
正確な方法で画像を描画および編集できる強力なHTML5描画アプリケーション。
スモールトーク
Twitterから取得した天気関連メッセージの地理的位置を確認するWebアプリケーション。これにより、それらをキャンバスベースの「社会天気」マップに形成します。これは非常に簡単ですが(作成者が述べたように)興味深いものです。
ゲーム
3退屈
次の5秒間に何百ものHTMLXNUMXの弾丸を回避し続けることができれば、退屈することはありません。
起こる
ボールをリバウンドしてすべてのレンガを壊します。
キャンバスケープ
完全なゲームではありませんが、HTML5を使用してファーストパーソンシューティングブラウザゲームを開発する方法を示しています。
それを捕まえて
勝ったHTML5スクエアを手に入れるために、いくつのボールをかわすことができますか?
連鎖反応
目標を達成するために爆発を連鎖させ、中毒にならないでください。
キューブアウト
テトリスを3Dのトップダウンビューで再生します。
エッチアフィジックス
アイテムを描いてボールを星に移動します。重力を忘れないでください。
ジグソーパズル
このHTML5ベースのジグソーパズルを解くには、パズルのピースをクリック、回転、ドロップします。
スライドパズル
スライドして勝利を収めましょう。これは、マインドジュースを絞るために構築されたもう5つのHTMLXNUMXゲームです。
同じゲーム
特定のグループを削除して、同じ色でペアになっている別のグループを取得すると、最終的に勝利が与えられます。
テトリス
HTML5によって復活した最も古典的なゲームのXNUMXつ。
トーラス
疑似3Dバージョンのさらに別のテトリスゲーム。
テトリスは行きません、私はXNUMXつのピースを置いてとどまりました、しかし残りは非常にクールなチャベールです
私はこのページが大好きです...最初のゲームを除いて。 私はあなたを愛していますフラン=)
さようなら世界へのキスtoooodooooooo
信じられないほど、壮観です。 Web開発がどこまで進んだか信じられません!
これらのリソースがHTML5に起因する理由はわかりません。これは純粋なJavascriptです。Flashが登場する前は、Javascriptを使用してこれらすべてのことを実行できました。バルセロナで調査が行われ、当時は頭を悩ませていました。すべてjavascriptで書かれているので、私はそれらから学び、バウンドするボールを使ってカップルをデザインしました。私はそれらを完全に失い、それでも後悔しています。 スタジオの名前は覚えていませんが、2年頃のyou2や2you98のようなものでした。
ジョーベガ……それはあなたがHTML5のクソの考えを持っていないことを示しています….lol
血まみれのhtml5のアイデアはないかもしれませんが、それは本当ですが、オンドリと鶏小屋を混同し、言語と環境を区別しません。 Javascriptを使用せず、html5のみを使用して、ここにあるような例を作成するようにお願いします。削除した投稿で私が何を意味していたかが理解できます。 さらに、私は例のソースコードを見てきましたが、html5にマウントしなくても簡単に実行できるものがいくつかあります。
そのhtml5は多くの改善をもたらし、多くのことを容易にすることが真実ですが、このページに示されている素晴らしいものの栄光はJavascriptです。
このタイプのプレゼンテーションを作成することに興味があります...リソースを含むチュートリアルまたはページはありますか? ありがとうございました!!!