Takazudolog - 地獄のvideo／audio要素
video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi
おHTML5｜2012年 ブラウザで祝うお正月
ブラウザから新年のご挨拶！お正月気分を味わえる、ちょっと贅沢なコンテンツ集。ブラウザ凧揚げ ブラウザをドラッグして 上手に凧を上げてみよう。 リズム餅つき アドレス欄を流れる □と■が合わさったら タイミングを合わせて クリックしよう！ ローディング初日の出 いつもの見慣れた ローディングが、 初日の出になりました。 ラジオだるま だるまの目が ラジオボタンに。 目に墨を入れて、 願掛けしよう。 スクロールやぶさめ スクロールで弓を引き、 一等真ん中を 射ぬいてみよう。 世界のあけおめ 世界のみんなに 新年のご挨拶を。 書き初めの窓 新年の抱負を、 ブラウザにしたためよう。 反転おみくじ 画面をドラッグ・ 反転させて、 今年の運勢を占おう。 初夢スロット 一富士二鷹三茄子。 初夢スロットで、 年の初めの運試し。 ポップアップ駅伝 マウスをクリックして カチカチ走ろう。 チェックボックスに龍
HTML5で制作された国内企業サイト20から現状の制作状況を知る!! | HTML5でサイトをつくろう
HTML5でのコーディング 最近、HTML5のコーディング案件に関わることがあったのですが、その時にHTML5でコーディングされている企業サイトを調べましたので今回ご紹介したいと思います。 尚、サイトを調べていて気づいたのですが、現状(2011年8月)では宣言をHTML5にして内容自体は今まで通りdiv要素を使ってマークアップしているサイトが多いように感じました。新要素を多用して後から間違えが出てくるという可能性を考慮すると、とても理にかなっていると1人で感心してしまいました。今後この流れは変わると思いますが現状(2011年8月)では大切な考え方の1つだと思っています。 それともう１つ、多くのWEB制作会社が自社サイトをHTML5で作り直しているようです。調べて見つけるとWEBの制作会社サイトであることが非常に多いように感じました。とても参考にさせていただきました。私も取り残されないように
HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log
IE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。 var div = document.createElement("div"); div.innerHTML = "<section>section</section>"; document.body.appendChild(div); 上記のコードを実行すると、body以下にはこのような構造ができてしまいます。 <body> <div> section </SECTION> </div> </body> どうやら、innerHTML に与える文字列を div でラップし、div要素の前に何か一つ以上のダミーの文字列を設定しておき、あとでアンラップすれば上手くいくようです。 http://jsdo.it/uupaa/IEInnerHTMLB
HTML5出力可能なFlash CS5拡張機能を作ってみた | ClockMaker Blog
2011年1月30日に開催された「東京てら子」というFlashの勉強会で発表した内容ですが、HTML5出力可能な�Flash CS5拡張ツールを作ってみたので紹介します。 まずはこちらのビデオをご覧ください。実際に動作している様子をビデオに録画したものです。 タイトルのとおり、Adobe Flash Professional CS5 から HTML5 コンテンツを書き出すという拡張機能で、サイトのトップページで使うようなシンプルなムービー制作に適したツールとなっています。対象ブラウザですがメジャーなモダンブラウザだけではなく、Internet Explorer 6-8 にも対応しています。 生成手順は次のとおり ( ↑ ) Flashの編集画面 ( ↑ ) 拡張機能を［コマンド］から呼び出す。すると変換が自動的に行われる。 ( ↑ ) 変換されたJavaScriptコードを生成、これをHT
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
ブラウザーで何でもできる世界へ
Webの次世代標準仕様「HTML5」が、にわかに注目を集めている。HTML5は単なる仕様改定にとどまらない。Webの弱点を解消し、あらゆる情報システムの基盤へとHTML（ハイパーテキスト・マークアップ・ランゲージ）をバージョンアップさせる力を秘める。企業とIT（情報技術）業界に大きな利点をもたらすHTML5は、一方で波紋も引き起こす。米アップルや米アドビシステムズ、米マイクロソフト、米グーグルなどIT業界の巨大な“既得権益者たち”が互いの動きをけん制し合っている。HTML5のインパクトを追った。 情報の表示・閲覧から、アプリケーションを開発・利用するための「プラットフォーム」へ――。Webの全利用者にかかわる中核技術が、10年ぶりに変わる。 それが「HTML5」だ。Webブラウザーで文書を編集し、表計算を実行し、プレゼンテーションを作る。こうした高度なWebアプリケーションが、HTML5に
FlashとHTML5と… | Flash&HTML5&...
ネット上で何かと比較されがちな、FlashとHTML5。 どちらに、どんな利点があるのか。それぞれを使い動画にしてみました。 最近、日本のインターネット業界の一部で英語が流行っているため、 海外の方にも見ていただけたらと思い、英語の字幕・音声も用意いたしました。 ネット上で、いつも勉強で使わせていただいているソース共有サイトに、 微力ながら協力したいと思い、後日、wonderfl・jsdo.it・AEP Projectに、 一部工夫した点など、アップできたらと思います。 このサイトを作るにあたり、 HTML5の概要などは、 HTML5 & The Web Platform FlashとHTML5の関係や、考え方などについては、 ClockMakerさんの、Flashだとここまでできる! HTML5とFlashの機能比較 HTML5の楽しさや、作るきっかけ、作り方などは、 .3さんのHTML
これは見ておくべきHTML5のCanvasを使ったデモ集:phpspot開発日誌
21 Ridiculously Impressive HTML5 Canvas Experiments | Nettuts これは見ておくべきHTML5のCanvasを使った実験集。 ここまで出来るの？っていうサンプルが満載で一度は見ておきたいものばかりです。 8 Bit Color Cycle Particle Letter Animation Particle System Strange Attractors Liquid Particles Fake Floor Reflections 次世代のWEBが楽しみです。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 HTML5ベースのTODOリスト「5List」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 CSSでスキン作成が可能なHTML5動画プレイヤー実
The Wilderness Downtown
An interactive film by Chris Milk Featuring "We Used To Wait" Built in HTML5 This film does not work on mobile as it requires pop-ups. Please visit the site from a desktop browser. This film requires pop-ups. Click the icon in the address bar. Select "Always allow pop-ups from wildernessdowntown.com."
【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
間違ったJavaScriptとFlashの使い分け
なると（るなふきん） @narutohyper どっちが良いではなく、状況で使い分ける RT @Quarter4Nori: RT @TopsyRT: FlashとjQuery どちらで実装するか決める際の重要なファクター http://bit.ly/cFrBnd 2010-08-09 10:37:08 尾野（しっぽ） @tail_y 今coliss見てたら、「HTML5とFlashの議論が活発で、Flash vs JavaScriptの話題は少し失われていました」って文章があったんだけど、ここで言うHTML5はJS含んでるじゃないの？JSを除いたHTML5とFlashの議論なんかあるの？ 2010-08-10 01:45:38
LL Tiger » 公開資料
Language Update Perl 小飼弾 PHP 小泉守義 Python 稲田直哉 Ruby まつもとゆきひろ Clojure making HTML5白石俊平 Scala 尾崎智仁 Keynote PDF 開発ライセンスとプログラマーの自由 小山哲志 LLと電子出版 西尾泰三 鈴木嘉平 瀧澤昭広 高橋征義 森田尚 LLでフィジカルコンピューティング ごうだまりぽ 山本遼 原央樹 尾崎俊介 高速化虎の巻 藤田将洋 (公開資料なし) 高山征大 村主崇行 LTの虎 クロネッカーズ・デルタ 久井亨 初戦 (準決勝) co1row co1row 殺伐Python 渋川よしき 小泉守義 @ymotongpoo Shibuya.js 上島智士 川崎有亮 小林悠 破滅幼稚園荒川組 @hagino3000 @itkz @yuiseki エレファントカシマシタ choplin umitanuki t
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
福岡で開催されたHTML5カンファレンスに参加してwebの新しい世界を体験してきました
OperaやChromeなどいくつかのブラウザでは既に使用可能となっている2012年3月頃に正式勧告予定のHTML5。そのHTML5関連技術やweb標準について福岡で開催されたカンファレンス「HTML5 Tech Talk @Fukuoka」に招待されたので参加してきました。HTML5に追加されたaudio要素、video要素、canvas要素などの新しい機能やAPIについて多種多彩なデモを交えたスピーカの方々の講演でHTML5の新しい世界に触れることができました。 「HTML5って何？」、「実際どんなことができるの？」、「動いているサンプルを見てみたい」と感じている人もいるのではないでしょうか。そこで、著名な専門家の方々が今回の講演で用いたスライドやデモプログラムを紹介したいと思います。 詳細レポートは、以下から。開場前の様子。机といすが整然と並べられているだけでガランとしています。 会
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最新技術を学べるHTML5 Conference 2012の発表資料
5509.me
100915 HTML5とか勉強会発表資料
Google's Bouncing Balls | HTML5 Canvas | Rob Hawkes
http://jp.droidget.com/mobile-5/html5