<video>タグで動画を埋め込む－HTML5リファレンス
■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま
プロジェクトに合わせたサイトを自由に作成できるWordPressのテーマファイル -Roots
HTML5 Boilerplateをベースにミニマルでアクセシブルなマークアップで、より少ないコードでファイルやテンプレートの構造を設定でき、/wp-content/などのWordPress特有のURLの変更やルートからの相対パスの利用など、カスタマイズに優れたWordPressのテーマファイルを紹介します。 Bootstrapも用意されているので、すぐ使いたい人にも対応！ また、サイト制作中のワークフロー、運営・管理などのメンテナンスにも配慮されています。 Roots Roots -GitHub Rootsの特徴 組織化されたファイルとテンプレートの構造 マイクロフォーマットとARIAに対応したHTML5のテンプレート jQueryはGoogle CDNから最新版を利用 Google Analytics対応 HTML5 Boilerplateの.htaccessをWordPress用にカ
<ol>－HTML5タグリファレンス
<ol>タグはordered listの略で、順序のあるリストを表示する際に使用します。 リスト項目は、<li>タグで指定します。 <ol>タグで作成されるのは順序のあるリストなので、リスト項目の順序を変えると文書の意味が変わってしまうはずです。 順序のないリストを作成する際には<ul>タグを使用してください。 ■HTML4.01からHTML5へのバージョンアップによる変更点 HTML4.01では、ol要素にはtype属性が用意されており、リストの先頭記号（リストマーカー）の種類として、 算用数字（1,2,3,…）・アルファベット小文字（a,b,c,…）・ アルファベット大文字（A,B,C,…）・ローマ数字小文字（ⅰ,ⅱ,ⅲ,…）・ ローマ数字大文字（Ⅰ,Ⅱ,Ⅲ,…） を指定することができました。 HTML5では、ol要素のtype属性は廃止されています。 リストマーカーのスタイルを指定す
Adobe HTML5 特設サイト サンプルページ
このページでは、アドビが取り組んでいる Web 標準の推進や、アドビが提供する Web 制作に役立つツールやサービスに関連したサンプルをご紹介しています。 > Adobe HTML5 特設サイト
HTML5/CSS3のニュースやTIPSなどのまとめ (2012年9月23日)
QUEENの曲を細かく区切り、いろいろなソートをして再生できるデモ。Web Audioっぽい (英語)
HTML5でつくられた、ページ遷移・画面遷移のアイディアがすごい | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
HTMLファイ部のほんだです。シュッ 「ページ遷移」、聞くだけでゾクゾクしませんか？ 僕は大好きです。 Web Creator's Contest Q（HTML、CSS、JavaScript エンジニアのためのコンテストサイト）では、 ページ遷移・画面遷移をテーマにしたコンテストを開催中です。 とても好評で、5回目となった当コンテスト。 今回のテーマも、力の入ったコードがたくさん投稿されています！ 魅力的な画面遷移エフェクトのコード集！ Cubic Transition ※「▶Play」ボタンをクリック！
ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る
ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る これまでFacebookはiOS向けのアプリをHTML5ベースで開発していましたが、起動が遅い、反応が重いなど不評でした。そこで方針を転換。8月にリリースされた新バージョンは性能を重視してネイティブアプリケーションとして開発されました。 ザッカーバーグ氏はこの、HTML5で開発するという方針を指して「HTML5に賭けたのは失敗」と発言したわけです。 ザッカーバーグ氏の発言のここだけを見れば、FacebookはこれからHTML5を捨ててネイティブアプリへ注力するように受け取れます。しかしザッカーバーグ氏のこの発言には続きがあります。そこまで聞くことで、本当は何を言いたかったのかがはっきりしてきます。 彼の発言を、TechCrunchで公開されているビデオから追ってみましょう（ビデオはこの記
『2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来』に参加してきた #html5semi - Diary of absj31
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真：神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト１F大会議室＠神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった！(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
【レポート】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デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
CSS Nite LP9 連動 第2回コーディングコンテスト