Engadget | Technology News & ReviewsiPad Air M2 hands-on: A big-screen iPad that doesn't break the bank
HTML5完全対応のWordPressのテーマファイル「TwentyTen Five」
WordPress3.xのデフォルトのテーマファイル「Twenty Ten」をHTML5に完全対応させたテーマファイル「TwentyTen Five」を紹介します。 Use HTML5 in WordPress TwentyTen [ad#ad-2] 「Twenty Ten」はWordPressの3.0からのデフォルトの新しいテーマファイルで、doctypeにHTML5が使用されています。しかし、HTML5の新しい要素や属性などは他の箇所には使用されていません。 「TwentyTen Five」は、この「Twenty Ten」をベースに適切な箇所にHTML5の要素や属性を使用したテーマファイルです。 見た目は「Twenty Ten」と同じシンプルなデザインです。
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
マイクロソフト、「Chrome」用H.264ビデオプラグインをリリース
Microsoftの相互運用性戦略チームは米国時間2月2日、「Windows 7」ユーザーが「Google Chrome」でH.264ビデオを再生できるようにする拡張機能、「Windows Media Player HTML5 Extension for Chrome」をリリースしたことをブログ記事で明らかにした。このソフトウェアはMicrosoftのウェブサイトからダウンロードできる。Googleは先日、Google ChromeでのH.264のビルトインサポートを中止する計画を発表している。 Microsoftは「Firefox」向けにも同様のアドオンをリリースしている。Mozilla Foundation、Google、そしてOperaは、少なくとも現時点では特許使用料の必要がないVP8ビデオコーデックを利用した、WebMビデオストリーミング技術を採用している。
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
HTML5で実装するプレイリスト付きオーディオプレイヤー「AAP」:phpspot開発日誌
Accessible Audio Player (AAP) One Hand Clapping HTML5で実装するプレイリスト付きオーディオプレイヤー「AAP」 HTML5とはいえIE8でも動作するようにつくられています。Flashではないため、iPhoneやiPadでも動作します。 デフォルトのデザインはカッコ悪いですが、CSSを使って調整できます。 再生中の秒数や、プレイリストをハイライトさせたり、Flashを使わなくてもこれだけのことが出来るようになってるわけですね。 関連エントリ 見ておくべきHTML5サイト集 HTML5のポテンシャルを感じられる４８のサンプルサイト HTML5とJSでWEB上に綺麗な楽譜が書けるライブラリ「VexFlow」 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能にするライブラリ
PCやスマフォでどこでも持ってる音楽を聴けるHTML5ベースの音楽サーバ「streeme」:phpspot開発日誌
streeme - Project Hosting on Google Code PCやスマフォでどこでも持ってる音楽を聴けるHTML5ベースの音楽サーバ「streeme」。 HTML5ベースということでiPhoneやAndroidでも使えるそうです。 サーバ側ではPHPとMySQLサーバが必要。iTunes の XML から読み出しを行えたりもするみたいです。 iPhoneでのアクセスのスクリーンキャストはこちら iPodっぽいUIで音楽を再生できるのが分かります。iPhone上のSafariで動きます デスクトップからのアクセスのスクリーンキャストはこちら ほんとにブラウザベース？というリッチなUIで音楽の再生ができる どこでもブラウザベースで音楽を聴きたい方は試してみるとよいかもしれません。 関連エントリ CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「Medi
H.264にもWebMにも対応したHTML5ベースの動画プレーヤ·VideoJS MOONGIFT
VideoJSはHTML5製の動画プレーヤ。WordPressやDrupal向けプラグインも提供されている。 VideoJSはHTML5/JavaScript製のオープンソース・ソフトウェア。H.264のライセンス問題が絡んでHTML5のvideoタグにおける動画フォーマットは定まっていない。最近ではGoogleがChromeにおけるH.264サポートを止めてしまうという発表まで行っている。 再生画面 Googleはオープンな動画フォーマットとしてWebMを推しているが、Appleは不支持であったりと混沌としている状況だ。だが既にHTML5を巡る動きははじまっている。そんな中開発されたのがVideoJS、HTML5用の動画プレーヤだ。 いくらWebブラウザが対応していると言ってもプレーヤがなければ話にならない。VideoJSはH.264/WebM/Oggに対応した動画プレーヤだ。HTML5
HTML5のcache manifest（キャッシュマニフェスト）を導入してみよう！ | HOPS Laboratory
ホップスの辻です。今回はキャッシュマニフェストをご紹介します。 キャッシュマニフェストを使うと、ローカル上（自分のパソコン）にファイル（htmlやjpg等）をキャッシュできます。 通常のブラウザのキャッシュの最強版みたいな感じです。 キャッシュマニフェストを使用しているサイトなら、初回アクセス時にはキャッシュ（ローカルに保存）をし、次からはローカルからファイルを見るので高速化が期待できます。 さあ、早速使ってみよう！ まずは確認用のブラウザを準備しましょう。 2010年6月29日段階では以下のブラウザで使用できます。必要に応じてダウンロードしましょう。 １）Firefox 3.6.6 [ダウンロード先] ２）Safari 5.0 [ダウンロード先] ３）Google Chrome [ダウンロード先] マニフェストファイルを作る キャッシュマニフェストを使う場合には「好きな名前.mani
IllustratorからHTML5のCanvasに変換するプラグイン「Ai2Canvas」 | HOPS Laboratory
こんにちは、ホップスの辻です。 最近HTML5について、ちょこちょこ調べてたりします。 そんな中面白いプラグインが公開されたので紹介したいと思います。 AdobeのIllustratorからHTML5のCanvasに変換するプラグイン「Ai2Canvas」です。 CanvasはJavaScriptで画像を描画する仕組みで、SVGにちょっと似てますね。 いままでは自分で計算した数値を入力しながら作成しないといけませんでした。 これは非常に手間がかかり、面倒でした。 しかし今回公開された「Ai2Canvas」を使う事により、 結構複雑に書かれているIllustratorのパスでもボタン一つで書き出し、 ブラウザで確認する事ができます。 ■Ai->Canvas http://www.visitmix.com/labs/ai2canvas/ インストール方法 インストールは簡単です
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォーム関連要素（2） HTML5でinput要素に追加された新しいタイプ13連発
HTML5の勉強に役立つチートシートやリファレンスのまとめ