ブラウザ動作の理解－リフローとリペイント及びその最適化 | ゆっくりと…
ブラウザ動作の理解の2回目です。今回はレンダリング・ツリーの更新に絡む、リフロー （要素の大きさ、位置などの再計算） とリペイント （描画） に関する解説を、「High Performance Web Pages – 20 new best practices」 の著者 Stoyan Stefanov のブログエントリーから 「Rendering: repaint, reflow/relayout, restyle」 を翻訳してお届けします。 同記事は、前半がリフローとリペイントに関する解説と、表示レスポンスを向上させるためのスタイル変更に関する Tips、後半は dynaTrace AJAX Edition と SpeedTracer を使った IE および Chrome の描画パフォーマンスの計測の解説で構成されてる、長い記事となっています。 今回はその前半部分をご紹介します。 レンダ
Neustar Security Services | Neustar
SECURE The Ultra secure suite of scalable cloud network security services provide consistent protection and high performance across all locations. RELIABLE With over 20 years of experience in online security and a global network with over 15 Tbps of dedicated cloud security capacity, Neustar Security Services offers award-winning managed services with proven reliability to thousands of large Enter
ブラウザ動作の理解－レンダリングの負荷を測る | ゆっくりと…
転勤・単身赴任というライフ・イベントがあり、すっかり更新が止まっていましたが、前回 に続き、「Rendering: repaint, reflow/relayout, restyle」から後半のレンダリング負荷を測るツールの使い方をお届けします。記事中の リフロー や リペイント といった用語は、前回記事「用語の定義」 を参照してください。 元記事は初稿が2009年12月でツールのバージョンも古いため、現時点の最新バージョンで記事を再構成しています。また実行環境によって観測結果が異なるため （非力なマシンの方がレンダリング負荷の割合が高いけど、サンプルとしては分かりやすい）、以下に本記事で試した環境を記しておきます。 dynaTrace AJAX Edition バージョン：Version: 2.1.0.603, built on 2010-12-15 ブラウザ、PC：IE8 / Wind
2009-07-16 - 兼雑記 -サイトの rendering のベンチマークをするブックマークレット
たぶんこんな感じでいいんだと思う…5秒ほど body の表示非表示を繰り返して、一回の点滅にかかった時間、表示にかかった時間、消すのにかかった時間、をそれぞれ出す。結果はサイトの一番下に div としてくっつく。点滅の時間は JS の実行時間が入るようになってるので、表示時間+消す時間より微妙に多くなるようになってます。 javascript:c=-1,n="none",f=function(){e=(new(Date)()).getTime()-s,c++,b=document.body,t=b.style,d=t.display;d!=n?z+=e-p:(y+=e-p);e>5000&&d!=n?b.innerHTML+='<div>total: '+e/c+',show:'+z/c+',hide:'+y/c+'(ms)</div>':((t.display=d==n?"block":
Opera Platform™ Enabling AJAX applications on mobile phones
Opera Mini Browse faster than ever, safely & privately, while saving up to 90% of your data. See more
SunSpider 1.0.2 JavaScript Benchmark
Try JetStream SunSpider is no longer maintained. We recommend JetStream, which tests the JavaScript techniques used by advanced web applications. ☀SunSpider 1.0.2 JavaScript Benchmark This is SunSpider, a JavaScript benchmark. This benchmark tests the core JavaScript language only, not the DOM or other browser APIs. It is designed to compare different versions of the same browser, and different br
IE8での変化点一覧 + 備忘録 - latest log
IE8 ではかなりの数のメソッドやプロパティが増えているようです。書き残します。 element.getAttribute について追記しました。 window.toStaticHTML window.toStaticHTML は、XDomainRequest や postMessage で受け取った文字列(HTML)をサニタイズ(消毒)するメソッド。 XHRやJsonで受け取った文字列のサニタイズにもシーンを選べば使えるのだろうか。 onclick等のイベントハンドラ系を潰す。 <div onclick="alert('hoge')">hoge</div> ↓ <div>hoge</div> scriptタグを潰す。 <script>alert("hoge")</script> ↓ 無かったことになる CSS::expressionを潰す img { expression(uuClass
お手軽 ブラウザバージョン判定 - latest log
getBrowserVersion() は、ブラウザのバージョン番号(Major[.Minor])を返します。 <html><head><title></title></head><body> <script> function getBrowserVersion() { // @return Number: return window.opera ? (opera.version().replace(/\d$/, "") - 0) // Opera10 shock : parseFloat((/(?:IE |fox\/|ome\/|ion\/)(\d+\.\d)/. exec(navigator.userAgent) || [,0])[1]); } window.onload = function() { alert(getBrowserVersion()); } </script> <
Chromium/Google Chrome - os0x.blog
Chromium/Google Chromeの情報源をリストしてみる*1 リリース関連情報 Code Review Release Notes - The Chromium Projects Chrome Releases Google Japan Blog(多少遅れるが日本語訳のリリース情報がある) Google Chrome Blog 開発者向け順。 issues chromium - An open-source browser project to help move the web forward. - Google Project Hosting v8 - V8 JavaScript Engine - Google Project Hosting Blog Chromium Blog 仕様 The Chromium Projects Source/Build Get the C
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
【 Sleipnir Start 】 トレンドをチェック！はてブなニュース機能
こんにちは、開発のキヨタカです。 エイプリルフールですね！どんな嘘をつこうかな。 そうだ！本日、Sleipnir Start にニュース機能を追加しました。 ニュースの内容は、以下となります。 ・ Yahoo!ニュース トピックス ・ はてなブックーマーク – 人気エントリー / 新着エントリー ・ フェンリルトピックス はてブのエントリーは本当におもしろいです。 今日はエイプリルフール特集な記事があがっていて楽しいです。 私は Google 川柳 に癒されました。 このような旬なサイトもニュース機能を使って、見つけていただければ嬉しいです。 では機能について解説します。 ありきたりのニュース機能を搭載するにあたり、 記事の閲覧を「楽しく、素早く、簡単に行えること」を意識しながら作りました。 まずは、おなじみ Yahoo!トピックス です。 ９つのトピックスを、できるだけ分かり易く一覧で見
Canvasによる3Dテクスチャマッピングとパフォーマンスチューニング（仮題） - 最速チュパカブラ研究会
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日（11日）は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実（AR）のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
Detecting IE in 12 bytes
Detecting IE in 12 bytes Wednesday, 28 January 2009 Andrea Giammarchi had a interesting article which stated you can detect IE in 32 bytes of code. I wondered if this could be improved, after a few failed attempts I found this to be the smallest and fastest way:- IE='\v'=='v' Pretty cool eh? The entry 'Detecting IE in 12 bytes' was posted on January 28th, 2009 at 12:04 pm and is filed under javasc
Cookieの個数の上限 - os0x.blog
Operaで、はてなブックマークのAutoPagerizeの設定などが維持されなくなったので、その原因を調べたら(1ドメインあたりの)Cookieの上限数を超えていた*1からだったみたい。 クッキーは、「名前＝値」の1つの組みを1個と数えます。変数1個がクッキー1個に相当します。Netscapeの仕様およびRFC 2109(obsolete)によると、クライアントは1つのホストまたはドメイン名につき最低でも20個のクッキーをサポートする必要があります。20個の変数が使えることになります。 http://www.teria.com/~koseki/memo/cookie/cookie_4k.html の通り、仕様上の制限は知っていたけど、実装がどうなっているのかを(大きさでではなく)数の制限について調べてみた。 ブラウザ 個数 IE6/7 50 Firefox3.0.5 50 Opera9.
CSSもJSも、IE7が重すぎる | Takazudo Clipping*
最近JavaScriptを書いていて、jQueryのslideToggleよく使います。slideToggleってのは、こーいうやつです。 クリックでslideToggle発動 ⊂二二二（ ＾ω＾）二⊃ ﾌﾞｰﾝ JavasScriptが重すぎる 一瞬でパッパッと切り替わるところで、slideToggleを使うと、見た目がすごいいんですよね。ユーザーにもどこがかわったのか分かりやすいし。animateも同じです。しかし、ページ内の要素がふえたり、どんどん複雑になってくると、これが、IE6/7でカクカクになってしまうのです。これだと逆に見た目が悪いので、ブラウザ分岐して、slideToggleのところはIE6/7だけ、一瞬で切り替わるようにしてしまいます。してしまいますというか、否応なくなんですが、これがまた悔しい感じになっております。MOSeっていうやつですね。animate, fade
UnknownPlace. - Google Talk から任意のブラウザを起動するつーる
Categories I think(9) blog(70) blosxom(30) coding(40) diary(130) etc(10) friday five(8) game(69) Lineage2(22) Ragnarok(6) SWG(8) Talesweaver(27) media(28) music(15) software(40) ROSC(12) web(50) Archives 2005 (102) 11月 (2) 10月 (6) 09月 (10) 08月 (7) 07月 (5) 06月 (4) 05月 (6) 04月 (14) 03月 (12) 02月 (17) 01月 (19) 2004 (237) 12月 (9) 11月 (8) 10月 (13) 09月 (22) 08月 (26) 07月 (6) 06月 (25) 05月 (30) 04月 (27) 03月
TAKESAKO @ Yet another Cybozu Labs: 続イメージファイト - HTML 2.0 New Browser Detection
Shibuya Perl Mongersテクニカルトーク#8 で発表した「続イメージファイト」の資料を SlideShare で公開しました。 Shibuya.pm#8 続イメージファイト - HTML 2.0 New Browser Detection JavaScriptやCSS Hacksを一切使わずにHTMLでブラウザを判別するハックの紹介です。 HTML 2.0 - Browser detection [3] ブラウザ判別のデモのページにアクセスすると、使っているブラウザの画像が表示されます。 このimgタグのsrc属性はfirefox2.0、firefox1.5、その他のGeckoエンジンを搭載したブラウザ、Safari2、Safari3、Opera、ie、w3m、lynxなどのブラウザの判別に対応しています。 テキストブラウザの判別
Flashから新規ウィンドウ(タブ)を開く際のポップアップブロック回避方法 - os0x.blog
下記はちょっと古い情報です、Re:IE、FirefoxでFlashから新規ウィンドウを開く際にポップアップブロックされる件の回避 - 0xFFをどうぞ 需要はありそうなので、(まだ検証が不十分ですが、)今のところうまくいっている方法を紹介します。 ちょっと補足 2007/08/20 16:00 この方法はポップアップブロックの誤動作を回避する方法であって、ブロックを無効化できるというわけではありません。HTMLでいうtarget="_blank"を指定相当のことがFlashだとブロックされてしまうので、それを回避するだけです。このTips自体は悪用のし様がないと思われます。 PopUp Test package { import flash.external.ExternalInterface; import flash.display.*; import flash.events.*;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
weinre has moved to Apache
Deliver your apps instantly, everywhere - Turbo.net
