[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

HTML5とdomに関するCherenkovのブックマーク (9)

  • beforeunload イベントの挙動を調べる

    think49 @think49 @think49 beforeunload は unload より前に発火するから "before" と認識していたけど、ソースが見つからない。どこにあるんだろう…? 2010-12-22 18:35:35

    beforeunload イベントの挙動を調べる
    Cherenkov
    Cherenkov 2012/10/12
    beforeunload
  • 全画面 API - Web API | MDN

    全画面 API は、特定の要素 (Element) (およびその子孫)を全画面モードで表示したり、必要なくなったときに全画面モードを抜けたりする方法を追加します。これによって、要求されたコンテンツ — オンラインゲームなど — がユーザーの画面全体で表示され、全画面モードが終了するまで、ブラウザーのユーザーインターフェイス要素や他のアプリケーションをすべて画面から排除することができます。 API の使い方についての詳細は、 全画面 API ガイドをご覧ください。 メモ: この API の対応はブラウザーによって、ベンダー接頭辞が必要かどうか、最新の仕様を実装しているかどうかがいくらか異なっています。この API の実装状況の詳細は、ブラウザーの互換性の節を参照してください。ベンダーに依存せずに全画面 API にアクセスできる Fscreen のようなライブラリーのー使用を検討したほうが良い

    全画面 API - Web API | MDN
    Cherenkov
    Cherenkov 2012/10/10
    全画面表示のAPI FullScreen API
  • どんな要素でも全画面表示に出来るFullscreen APIをブログの記事に使ってみる ※動作サンプル有 - かちびと.net

    どんな要素でも全画面表示に出来る Fullscreen APIというものがありま して、主に動画で使われている事が 多いですが、今回はブログコンテン ツのリーダビリティに貢献させる 目的で使って見ます。 動画コンテンツに主に使われている印象のAPIなので目にする機会が多くはありませんが、動画だけでなく、どんな要素にも使えますので、ブログやドキュメントなどのテキストコンテンツに使ってみたらリーダビリティの高い状態にユーザー側でスイッチできるので素敵かな、と思った次第です。 さっさとサンプル見せろ、という方は下にスクロールしてください。 W3Cでの仕様はまだEditors’ Draft状態ですけど、最近ちょくちょく使っているところを見かけるようになりました。 HTML5と同時に動きが若干活発化してる印象でしたので、少し触ってみました。このAPIの詳細はWWW WATCHさんで詳しく書かれていま

    どんな要素でも全画面表示に出来るFullscreen APIをブログの記事に使ってみる ※動作サンプル有 - かちびと.net
    Cherenkov
    Cherenkov 2012/10/10
    全画面表示のAPI FullScreen API
  • なんでもフルスクリーンにする FullScreen API - techlog

    HTML5 Advent Calendarの2日目です。 当は3日目の担当だったけど、代打(?)で2日目も書いている。もちろん3日目の記事も書く。 「HTML5 Advent Calendar」はこんな感じの取り組み。まだ空きがあるので、よかったらどうぞ。 今年は、HTML5もAdvent Calendarやります! 来のAdvent Calendarとは、12月1日からクリスマスの25日まで、カードに作られた窓を1日に1つずつ開けていくというものです。一方、技術系のAdvent Calendarは、12月1日から25日までの間、毎日違う人が特定のテーマに沿ってブログ記事を書くというものです。もちろん、ここでのテーマは「HTML5」になります。HTML5に関することならなんでもOKです! このイベントに参加した順番が、そのままブログを公開する日付とします。 是非、みなさん一緒にわいわい

    なんでもフルスクリーンにする FullScreen API - techlog
    Cherenkov
    Cherenkov 2012/10/10
    全画面表示のAPI FullScreen API
  • ページの表示・非表示状態を取得するPage Visibility API - へっぽこプログラマーの日記

    HTML5 Advent Calendarの1日目です。 来のAdvent Calendarとは、12月1日からクリスマスの25日まで、カードに作られた窓を1日に1つずつ開けていくというものです。一方、技術系のAdvent Calendarは、12月1日から25日までの間、毎日違う人が特定のテーマに沿ってブログ記事を書くというものです。ここでは、「HTML5」がテーマになります。他にも面白い記事が公開される予定ですので興味のある方は是非チェックしてみてください。 http://atnd.org/events/21987 私は、とりあえず1日目なので軽く、堅くPage Visibility APIというマイナーな仕様について解説したいと思います! Page Visibility APIとは Page Visibility APIは、ページの表示状態を取得するAPIです。document.h

    ページの表示・非表示状態を取得するPage Visibility API - へっぽこプログラマーの日記
    Cherenkov
    Cherenkov 2012/03/28
    Page Visibility API
  • Fullscreen API を簡単に試してみた

    Web ページ内の任意の要素をフルスクリーン表示可能にする Fullscreen API ですが、お勉強ついでに簡単に試してみました。 ちょっと前、先月の話題になってしまうのですが、Web ページ内の任意の要素をフルスクリーン表示可能にする Fullscreen API に関連して、Mozilla が公開している Gecko:FullScreenAPI が更新されて Firefox Nightly で使えるようになったり、W3C からも Fullscreen (Editor's Draft) が公開されたりと色々動きが活発になってきましたので、いい機会ということで、お勉強ついでに簡単に試してみました。 例えば HTML5 で追加された video 要素は、今まで Flash などのアドオンに頼ってきた動画の Web ページへの埋め込み、再生を HTML 側で対応することを可能にしましたが、

    Fullscreen API を簡単に試してみた
  • 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

    HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log
    Cherenkov
    Cherenkov 2011/02/07
    タグがぶっこわれる
  • The Great WebKit Comparison Table

    On this page I compare WebKits in order to prove that there is no “WebKit on Mobile” and to figure out which one is the best. My hope is that eventually I’m going to gain some insight in the “family tree” of all WebKits. This page only contains tests of CSS and JavaScript items that work in some WebKits but not in all. Adding more items, all of which are either supported by all or by none of the W

    Cherenkov
    Cherenkov 2010/10/05
    機能 標準 一覧 まとめ
  • File API (W3C Working Draft 26 October 2010)

    File API W3C Working Draft, 4 December 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-FileAPI-20241204/ Latest published version: https://www.w3.org/TR/FileAPI/ Editor's Draft: https://w3c.github.io/FileAPI/ Previous Versions: https://www.w3.org/TR/2024/WD-FileAPI-20241122/ History: https://www.w3.org/standards/history/FileAPI/ Feedback: GitHub Inline In Spec Edi

  • 1