[B! html5] ahiru_zのブックマーク

Video.js - Make your player yours

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but

ahiru_z 2013/08/05

videoタグをIE8でFLASHで表示されるようにするJS。html5media.jsとにてる。

video
HTML5

リンク

Intel、HTML5アプリの無償開発環境「Intel XDK」を発表

ahiru_z 2013/04/16

リンク

Web Design and Web Development : うやむやだったHTML5の文書論理構造をきちんと考えてみる | mnemoniqs’log.

iPhoneやandroidの案件ばっかりの今日この頃。 HTML5を使用することが多くなってきましたが、文書論理構造となると少しうやむやなところがありました。 <header>や<footer>などは特に違和感なく使えますが、<section>や<article>になると少し自信がなかったりするので、改めて見直してみます。 HTML5 Element Flowchart 『HTML5 文書論理構造』で探してみると、「HTML5 Element Flowchart 」なる画像が公開されていました。これがすごくわかりやすい。 HTML5で使用するタグを、消去法でマークアップしてます。ではさっそくスタート。 1. それは、主要なナビゲーションブロックですか？ Yes <nav> で囲むグローバルナビゲーションやフッターナビゲーションなどに使用。 No 2へ 2. それは、自分自身だ

ahiru_z 2013/01/25

html5

リンク

人吉旅館

ahiru_z 2011/11/24

TOPページを下にスクロールすると読み込まれて全ページ内容がみられる。右のリンクから飛べばページ遷移する。

リンク

第19回html5とか勉強会 PJAX ～HTML5時代のAJAXサイトプラクティス～

16. Htmlを見ても分からない<header> <h1> bad ajax sample. </h1> - doesn't care about states ;-( - </header> <nav> <ul> <li><a href="/0">semantics</a></li> <li><a href="/1">offline</a></li> <li><a href="/2">device</a></li> <li><a href="/3">connectivity</a></li> </ul> </nav> <article> </article> </body>

ahiru_z 2011/10/04

リンク

[HTML5]アウトラインで迷わない！ sectionと見出しについて

webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。厳密な解説はこの記事を読まずとももっと信頼できる文