Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。 先日リリースされました、iPad用Webアプリ「えほんのじかん」（iPad版）の紹介をさせていただきます。 このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵本風の動画が流れる、というものです。 もともとこの「えほんのじかん」の元祖は、「テレビ版」でした。 インターネット対応テレビ向けに提供しているテレビ版Yahoo! JAPANやYahoo! JAPAN for AQUOSなどからみることができます。 iPad版より作品収録数は多く、30作品以上を掲載しています。 テレビ
マイクロソフトが戦略変更。HTML5が唯一のクロスプラットフォーム、SilverlightはWindows Phone 7のプラットフォームに
「私たちの戦略をシフトした」と、マイクロソフトのサーバー&ツール ビジネス担当 プレジデントのボブ・マグリア氏が、ブログAll About Microsoftのエントリ「Microsoft: Our strategy with Silverlight has shifted」のインタビューで語っています。 新たな戦略では、SilverlightはWindows Phone 7のアプリケーション開発プラットフォームとなり、HTML5がiPhoneなどモバイルも含むクロスプラットフォームに位置づけられると説明しています。 Publickeyでは以前から「iPhone OSのFlash排除で、HTML5/JavaScriptだけがマルチプラットフォーム対応として残った」と、HTML5が唯一のクロスプラットフォームとなり、マイクロソフトのSilverlightやアドビスシテムズのFlashが目指し
DRMフリーで新作漫画や小説公開、HTML5で構築 講談社子会社の「最前線」
講談社の100％子会社・星海社は9月15日、新作の小説や漫画などを無料で公開するWebサイト「最前線」をプレオープンした。コンテンツは原則、すべてDRMフリー。「『右クリックの禁止』は禁止、URLの直接リンクはもちろんすべてOK」だ。サイトはHTML5で構築した。 「空の境界」（原作：奈須きのこさん、漫画：天空すふぃあさん）など漫画作品や、「金の瞳と鉄の剣」（著者：虚淵玄さん、イラスト：高河ゆんさん）など小説を無料で公開しているほか、Ustreamを使った試みも。声優の坂本真綾さんが、「銀河鉄道の夜」をUstreamで朗読する企画を、22、23日に行う。 コンテンツは原則すべてDRMフリー。「著作権法上の私的使用の範囲内でダウンロードしてお楽しみいただける」としており、自分や家族用の端末にダウンロードして読む――といったことが可能だ。コンテンツをWinnyネットワークに流すなど、私的使用の
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."
【ハウツー】CSS3/jQueryでオリジナルのHTML5 videoプレーヤを作成してみよう (1) HTML5 <video>を利用する場合に注意しなければならないこととは | エンタープライズ | マイコミジャーナル
Opera Developer CommunityにてCristian-Ionut Colceriu氏がBuilding a custom HTML5 video player with CSS3 and jQueryというタイトルでCSS3/jQueryでオリジナルのHTML5 videoプレーヤを作成する方法を紹介している。 <video>要素はすでに多くのモダンなWebブラウザがサポート済み。まだプレビュー版ではあるが、Internet Explorerでもバージョン9にてサポートされている。動画をネイティブに埋め込むことでさまざまなメリットが生じることもあり、多くのデベロッパができるだけ早くこれらの機能を試用したいと考えている。 しかしながら試用するにあたり、いくつかの障壁もある。Building a custom HTML5 video player with CSS3 and
HTML5Rocks v2登場 | エンタープライズ | マイコミジャーナル
The HTML5Rocks site contains information on APIs that are not part of the current W3C HTML5 specification. GoogleはHTML5に関するドキュメントやリュートリアル、APIマニュアルなどをまとめたサイトHTML5Rocksを公開している。HTML5を使ったコンテンツを開発する場合に利用できるように構築されたサイトで、6月末現在で次のコンテンツが提供されていた。 Presentation - HTML5を使って制作されたHTML5の機能を紹介するプレゼンテーションおよびサンプル HTML5 Playground - HTML5の機能を試すためのオンライン実験環境 Tutorials - HTML5チュートリアル。どのブラウザに対応しているかの情報もあり Resources - HTM
どこまでがHTML5なの？
HTML5にはCanvasタグやVideo/Audioタグ、ドラッグ＆ドロップ、Microdata、Web Workersなどさまざまな機能があると説明されますが、実際にはこれらは「HTML5とその関連仕様」を含んでいます。 仕様書に従った厳密な「HTML5」とは、どこまでの範囲を指すのでしょうか？ モジラジャパンの浅井智也氏が「Keypoints HTML5」という資料を公開して分かりやすく紹介してくれています。 仕様書に沿った「HTML5」の範囲とは HTML5は、W3CとWHATWGが共同で仕様策定をしていますが、両者の仕様書に書かれている範囲は異なっています（非常に細かい部分では一部の仕様に違いもあります）。Keyoints HTML5から、その両方の仕様でHTML5の範囲を示した図を紹介します。 図の右側のW3C仕様ではCanvas、Microdata、Web Messaging
グーグルがO3Dの方針変換。WebGLに標準を統一し、O3DはJavaScriptライブラリへ
Webブラウザ上で3D表示（立体表示ではなく、遠近法などを用いた表示）を行うための仕様として、グーグルは昨年の4月にO3Dの開発を発表し、一方でモジラを中心にしたWebGLもそれ以前から標準仕様として開発が進められていました。 先週5月7日付けのグーグルの「The Chromium Blog」にポストされたエントリ「The future of O3D」で、グーグルはO3Dはこれまでの方針を変更し、WebGLをベースとしたJavaScriptライブラリとすることを明らかにしました。これにより、Webブラウザでの3D表示の標準APIはWebGLに一本化されます。 性能と環境に対するWebGLの懸念が払拭された グーグルがWebGLではなくO3Dを開発していた理由として、WebGLに関する2つの懸念があったことを明らかにしています。 1つはWebGLの性能です。WebGLはHTML5のCanva
Google「Gears」終了を公式に説明 - HTML5への移行を推進 | エンタープライズ | マイコミジャーナル
米Googleが「Gears」を終了させる計画を、Gears APIの公式ブログで説明した。 Gearsは、Webアプリケーションをオフラインでも利用可能にするWebブラウザの拡張機能だ。2007年5月に発表され、2008年3月にはモバイル版も登場した。オフライン機能はインターネットへの接続と切断を繰り返すモバイルデバイスで、Googleのサービスの使い勝手を向上させるために欠かせない技術である。だが昨年12月に、GoogleがGearsプロジェクトをHTML5へとシフトさせるとLA Timesが報じ、その頃からGearsのアップデートが停滞した状態が続いている。 「Hello HTML5」と題されたGears APIブログへの書き込みで、GearsチームのIan Fette氏は「われわれはGearsのすべての機能を、HTML5のようなWeb標準に移行する作業にシフトしている」と、Gear
HTML，H.264，Flash 総まとめ
原文(投稿日：2010/02/05)へのリンク nfoQ では先週，YouTube の HTML5 ベータの提供と H.264 フォーマット採用のニュースをお伝えした。その後間もなく，Vimeo からも HTML5 ベータの発表 があった。こちらもビデオコーデックには H.264 を使用する。 Mozilla のオープンソース・エバンジェリストである Chris Blizzard 氏は，Mozilla が Ogg に固執する理由 を説明するために GIF サブマリン特許 で起きた問題を引合いに出している。特許対象であった (しかしそれまではロイヤリティフリーだった) イメージフォーマットが Web 上でのデファクト(事実上の)標準となった後に，ロイヤリティ請求の標的にされた，というものだ。(特許は 2003 年から2004年の間に失効している。) このときは GIF のフリーな代替として
HTML5を日本語で議論するW3Cのグループ、日本で初めての会議を開催
WebブラウザごとにHTML5をサポートしている比較表は、簡単ではない。ブラウザが多い。さらに、バージョン、デバイス、ユーザーによる設定でも異なってくる。JavaScript On/Offとかプラグインありなしとか。それを全部比較するのは非常に大変。 しかもHTML5の仕様そのものの変更も多い。私はイギリス人でHTML5仕様は英語で書かれているが、それでも混乱する。 だからブラウザが対応しているかどうかを考えるのは無視しよう。 OperaでのHTML5対応関連技術の紹介。 HTML5 Form Flashなしで動画再生。字幕をJavaScriptで表示 Video＋SVGフィルタ Canvas WAI-ARIA CSS3 Transitionsでアニメーション でもHTML5に対応しないブラウザはどうする？ HTML5 FormsはOperaが対応している。Ruby（ルビ）はIEが対応。D
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「スマートフォン版GREE HTML5+JavaScript & Android」講演資料公開いたしました | GREE Engineering
HTML5 Labs–新しいWeb技術のプロトタイプサイト
Canvas Cycle: True 8-bit Color Cycling with HTML5