HTML5 タグによる動画の再生、現在の再生時間や終了のタイミングの取得方法等 | Stronghold Archive
MP4からwebm/ogvへの変換、webm/ogvからMP4への変換は比較的簡単にできます。変換方法はコチラ 動画の現在の再生時間/終了時間/終了のタイミングの取得 これは以下のタグで実現できます。 <ul id="DETE"> <li id="end">再生中</li> <li id="now"></li> <li id="all"></li> </ul> <video id="video" class="vd" autoplay poster="video/thumb.jpg"> <source src="video/001.m4v"> <source src="video/001.webm"> <p><img src="video/thumb.jpg"></p> </video> function init(){ mVideo = document.getElementById("
HTML5Experts.jp
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
日本語技術資料のダウンロード - Intel
Using Intel.com Search You can easily search the entire Intel.com site in several ways. Brand Name: Core i9 Document Number: 123456 Code Name: Emerald Rapids Special Operators: “Ice Lake”, Ice AND Lake, Ice OR Lake, Ice* Quick Links You can also try the quick links below to see results for most popular searches. Product Information Support Drivers & Software
ビジネス向けモバイルアプリケーションのUIガイドライン、セールスフォース・ドットコムが公開。アイコンなどダウンロード可能
ビジネス向けモバイルアプリケーションのUIガイドライン、セールスフォース・ドットコムが公開。アイコンなどダウンロード可能 先週13日に、SAPが業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開したとお伝えしたばかりですが、今度は、米セールスフォース・ドットコムがHTML5でのビジネス向けモバイルアプリケーションのUIガイドラインやサンプルを多数公開しました。ビジネスアプリ用のモバイル開発環境はHTML5/JavaScriptで急速に充実してきています。 米セールスフォース・ドットコムは先月、新ブランド「Salesforce 1」を立ち上げ、モバイルへ全面的にシフトすることを宣言したばかり。このスタイルガイドは、同社のモバイルへの注力を示すものといえるでしょう。 これまでビジネスアプリケーション向けに、モバイル対応のしっかりとしたスタイルガイドが公開された例はおそら
第一生命 年金通信
全て表示 特勘☆Market Report 特勘☆ユニット価格速報 特勘☆パッケージポートフォリオ速報 特勘☆NEWS 年金トピック 経済研究所レポート selection スチュワードシップ活動 マーケット情報 運用実績 マクロ経済分析 その他
30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」:phpspot開発日誌
| HTML5 Canvas Rich UI JavaScript Library 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 グリッド、ツリービュー、タブ、フォーム等のリッチコンポーネントが詰まっていてスマホも対応しているUIライブラリ UIに若干クセがありますが、テーマ機能もあるので、今後に期待したいライブラリです 関連エントリ jQuery用のよく使うUIコンポーネントセット「ZinoUI」 BootstrapをベースとしたフリーのUIKit「Flat UI」 iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 ページを下に引っ張ると更新されるiPhone風UIを提供するjQueryプラグイン「Hook.js」 Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」 これは超使いやすい
米Google、スマホ構築時のよくある間違いリストを公開
米Googleは2013年3月、ウェブ制作者や開発者がスマートフォン対応サイトを構築する際によく犯すミスや間違いをリストアップしたページを公開した。 具体例として、スマホからは再生不可能なビデオの掲載、User-Agent (UA) に基づくリダイレクト設定を誤ったために訪問者が意図しないページへのリダイレクト発生、動的URLのパラメーター設定のモバイル対応ミス、無関係なデスクトップPC - スマホサイト間のクロスリンク、ページスピードを挙げている。 Common mistakes in smartphone sites https://developers.google.com/webmasters/smartphone-sites/common-mistakes # この話題は、昨年さんざん書きましたので･･･（検索マーケティングとスマホのお話, スマホとSEO、検索エンジン Q&A
円や棒グラフをサポートしたCanvasによるグラフライブラリ·Chart.js MOONGIFT
Chart.jsはHTML5/Canvasを使ったグラフライブラリです。 Web上で管理画面を提供する場合必要になるのがレポートです。そこにはただの数値の羅列だけでなく、グラフがあるとインパクトが違うでしょう。そこで使ってみたいライブラリとしてChart.jsを紹介します。 折れ線（曲線）グラフです。 棒グラフ。 レーダーチャート。 円のエリアグラフ。 円グラフ。 ドーナッツチャート。 Chart.jsはHTML5/Canvasで表示されているのが特徴です。なおサポートブラウザとしてはIE7から対応しています。対応しているグラフは折れ線、棒、レーダー、円のエリア、円、ドーナッツの6種類になります。表示の際にはアニメーションが実行されますが、その後はマウスクリックなどには反応しないようです。 Chart.jsはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフト
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
既存のFlash資産を活かしてHTML5/Unityで使う·LWF MOONGIFT
LWFはFlashファイルからUnity/HTML5で実行できる専用ファイルを生成するソフトウェアです。 従来のモバイル向けゲームはFlash Liteで開発されてきました。しかし時代は変わり、スマートフォン主体になってきています。そのような中で既存の資産を活かすべくFlashをHTML5上で再生できるソフトウェアがLWFです。 一例。GREEのロゴが表示されます。 色が変わるデモ。 リンクをクリックするたびにロゴが追加されます。JavaScriptと連携できるということです。 動くアニメーション。 回転。 大きさが変わるデモ。 この手のライブラリは幾つかありますが、ついに大御所のGREEが乗り込んできました。単純にJavaScriptにする訳ではなく、独自のフォーマット*.lwfdataに変換します。これはHTML5の他、Unityにも対応しているとのことです。UIとアニメーション用複数
モトローラ社製。HTML5を使ったWebアプリケーションを作るなら·Montage MOONGIFT
Montageはモトローラ社製のHTML5 Webアプリケーションフレームワークです。 Webサイトに比べるとWebアプリケーションで求められる素養は多少異なります。アプリケーションゆえに予め決められたコンポーネントを組み合わせて作る方が一般的です。そこで紹介したいのはMontage、モトローラ社製のHTML5 Webアプリケーションフレームワークです。 デモのKitchen Sinkです。 ボタンです。デザインはすっきりとして見やすいです。 こちらは時刻を表示するデモ。 クリックで削除するタグのデモ。 Todoアプリのデモ。 Fiddleを使って試す事もできます。 画像からカラーピッカーするデモ。 計算機のデモ。 Montageには多数のコンポーネントが用意され、それらを埋め込む形で配置してけば画面が出来上がります。カレンダーやレンジ入力、トグルボタンなど様々な入力コンポーネントが用意さ
モトローラ製。HTML5 Webアプリケーションを作るためのオーサリングツール·Ninja MOONGIFT
NinjaはHTML5 Webアプリケーションを開発するためのオーサリングツールです。 Webのオーサリングツールの代表格と言えばDreamweaver。しかしHTML5、さらに各種フレームワークの登場以降、徐々に状況が変わってきています。そんな中登場したのがNinja、Google Chrome上で動作するHTML5オーサリングツールです。 インストールします。Chromeウェブストアでインストールできます。 インストールしました。 起動するとクラウドサーバのURLが求められます。 サーバになるアプリもダウンロードできます。 ローカルで立てるサーバを使います。 色々な拡張子のファイルが作成できるようです。 こんな感じにドローを描いていきます。 Google Chrome上でのプレビューです。 3Dも作成できます。 タイムラインのデモ CSSを使ったデザイン 3DモデリングNinjaはHT
IE6から使えるHTML5/JavaScriptによるグラフライブラリ·envision MOONGIFT
envisionはHTML5/JavaScriptによるグラフライブラリです。ファイナンス系グラフ、フラクタルグラフを描けます。 HTML5/JavaScriptを使った高度なグラフライブラリとしてenvisionを紹介します。一般的なグラフというよりも、ファイナンス系のグラフ描画が得意なようです。 リアルタイムグラフ。刻々とグラフが追記されていきます。 タイムシリーズ。指定範囲だけを拡大できます。 こんな感じでマウスで幅を広げたりできます。 ファイナンス。株価、出来高といった指標を表示するのに使えます。 こちらも幅を変更できます。 中央をドラッグすれば左右への移動も可能です。 マウスでポイントにおける数値を表示できます。Ajaxによるデータ変更もサポートしています。 幅の変更ももちろん可能です。 フラクタル画像です。 マウスで範囲を指定して拡大できます。 envisionはHTML5のラ
HTML5のパワー。Webベースでファイルシステムを構築する·Filer.js MOONGIFT
Filer.jsはHTML5のファイルシステムAPIを体感するWebアプリケーションです。 HTML5のAPIの一つ、ファイルシステムAPIを体験できるのがFiler.jsです。新しいWebの可能性を存分に知ることができます。 デモです。まずディレクトリをインポートします。 インポートしました。ディレクトリはマウスでたどれます。 アイコンまたはリスト表示をサポートしています。 画像やHTMLであればプレビューができます。通常のファイルはプレビューできませんがダウンロードはできます。 リスト表示です。 ログを表示しています。 Filer.jsではWebブラウザ上でディレクトリやファイルを作成することもできます。しかし実際のファイルシステム側には影響されませんのでご注意ください。また新しいフォルダやファイルをローカルに作っても反映されないようです。 Filer.jsはHTML5/JavaScr
管理画面からはじめるHTML5対応·HTML5 ADMIN MOONGIFT
HTML5 ADMINはHTML5で作られた管理画面用テンプレートです。 格好いい管理者専用のWebページが作ってみたいならばお勧めしたいのがHTML5 ADMINです。 デモの画面です。シンプルで分かりやすい画面構成になっています。 ツリービューを広げた場合です。 レイアウトは柔軟に設定されています。 アコーディオンやタブ、シャドーも用意されています。 ダイアログです。 アイコン、スライダー、カレンダー、プログレスバーもあります。 テーブル表示です。 プロフィール的な表示にも対応しています。 メッセージ表示も考慮されています。 フォームのサンプルもあります。 細かな部分にも気を配られたデザインです。 HTML5 ADMINはjQuery、jQuery UIを使っており、無限の階層メニュー、追加ナビゲーションなどの機能があります。 HTML5 ADMINはHTML5/JavaScriptを
Responsive Web Design用のHTML5+CSS3のテンプレート素材
iPhone, Androidのスマートフォンなどの小さいスクリーンから、デスクトップの大きいスクリーンまで、それぞれの表示サイズに合わせて最適なレイアウトを提供するHTML5+CSS3のテンプレートを紹介します。 サイズ変更時はレイアウトの一部がアニメーションで移動し、面白い仕掛けにも利用できそうです。 デモページ：幅480pxで表示 [ad#ad-2] HTMLの構造 テンプレートはブログを想定して作成されています。 ヘッダ、ナビゲーション、特集記事、最近の記事、サイドバー、フッタ、とシンプルな構成です。 HTML: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Onextrapixel - Responsive Web Design Template</title>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/webtech/20120606/2.html
html5-memo.com
「職人技」では未来が見えない！みんなが使えるAdobeのHTML5関連ツールとソリューション。
TechCrunch | Startup and Technology News
