Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.

Inspiration 10 HTML5 Demos to Make You Forget About Flash Henry JonesJune 24, 201079 Comments010.9k You’ve probably been hearing a lot lately about how Flash is a dying technology and how it’ll soon be replaced by HTML5. Personally, I think that it will slowly replace Flash for some things, but Flash will always have a place, especially for developing complex games and rich internet applications.

One Ping Pingback: 35 Inspiring Examples of Websites Using HTML5 | Inspiration 34 Comments Thanks for including me, I’m flattered! Best wishes from Italy I curate at html5gallery.com and have had a good look at the code in quite a lot of the sites mentioned here. I wouldn’t describe all of them as excellent examples of HTML5 coding, and am surprised that you haven’t included the likes of graph.tk,

「jMediaelement」はHTML5とjQueryで作られたビデオプレイヤーです。 カスタマイズを前程に作られているようで、各ボタンを操作した際のイベントの設定など細かくできるようになっていました。 Youtubeの動画も再生できるようです。 デモ 対応動画形式 ogg (theora/vorbis), mp4/mov (H.264), WebM (VP8/vorbis), FLV 複数対応しているようで、movやflvなど再生できるようです。 デザインにはjQuery UIを使用しているようですので、テーマの変更など簡単にできそうですね。 興味のある方はぜひダウンロードしてみてください！

One Ping Pingback: 10 HTML5 Demos to Make You Forget About Flash | Inspiration 34 Comments Great Tutorial, Thank you.. Cool!! Is it compatible with the major issue, IE6? Thanks for providing these sites, didn’t realise how much you could actually do with HTML5. I’m just trying to learn all the new css3 techniques at them moment, although I’m not 100% on using a lot of them because of browser compa

You’ve probably seen a bunch of tutorials or articles about HTML5 on design blogs recently, but didn’t try to use it because most users will not be able to view it anyway. Now to motivate you, I compiled a few HTML5 demos that should make you want to start learning this new markup. Be aware that you may not be able to see some of the demos. To know what elements of HTML5 your browser supports, tak

動画再生は今まではAdobeのFlashPlayerがデファクトスタンダードでした。しかしhtml5の登場によりオープンソースのメディアプレイヤーが注目を浴びています。 これからはこういったプレイヤーが主流になるかもしれないですね。 osmplayerには以下の機能があるとの事。 HTML5のサポート Flashによる動画の再生 Mp3 やオーディオファイルの再生 VimeoやYouTubeのサポート HTML5に対応していないブラウザは自動的にFlashを表示するそうで、一般的なメディアはほぼ再生できるようです。 公式サイト ソースはjQueryで書かれておりカスタマイズも色々できそうです。 WordPressに組み込めるプロジェクトも進行中との事。これからが楽しみですね。

美しいグラフが表示されるのですが、マウススクロールすると全体が動くようになります。 デモ ホイールを取得する部分は以下のようなコードになっています。 jQuery(document).bind('DOMMouseScroll mousewheel', function(e, delta) { var newval, num = $('div.css-chart p').css('padding-left'); delta = delta || e.detail || e.wheelDelta; if (delta> 0 || e.which == 38) { newval = parseFloat(num) + 10 * (e.shiftKey ? .1 : 1); } else if (delta <0 || e.which == 40) { newval = parseFloat(nu

スクリプトを使用したデモ デモ 印刷する際にHTML5の要素をdivなどに置き換える事によって印刷時にレイアウトを崩れないようにするようです。 IEの6、7、8に対応しているとの事。印刷時にレイアウトがくずれるのを防ぎたい方。覚えておいて良いかもしれません。