タグ

browserとJavaScriptに関するlovelyのブックマーク (15)

  • gist: 840389 - Fix the Firefox's bug that vertical margins of table elements don't collapse.- GitHub

    $.fn.fixFxTableMargin @��ؚU �F\ӚU $.fn.fixFxTableMargin = function(conf){ if(!$.browser.mozilla) return this; this.each(function(){ var elem = $(this); elem.wrap('<div class="fixFxTableMargin" />'); var mt = elem.css('margin-top'), mb = elem.css('margin-bottom'); elem.css({'margin-top':0,'margin-bottom':0}) elem.parent().css({'margin-top':mt,'margin-bottom':mb}) }); return this; };

    gist: 840389 - Fix the Firefox's bug that vertical margins of table elements don't collapse.- GitHub
  • scriptのdefer/asyncを理解し、ページの高速化方法を探る | ゆっくりと…

    Yslow ルールでは、スクリプトはページの最後尾、つまり </body> 直前に置け、と言っています。なぜなら、スクリプトの読み込みや実行により、他のページ要素の読み込みやレンダリングがブロックされてしまうからです。 一方、古くは IE4 の時代から Microsoft はこの問題に対処するため、defer 属性という独自の解決策を実装してきました。これは HTML 4.01、XHTML 1.0、1.1 で仕様として採用され、HTML5 にも発展する形で引き継がれています。 IE 以外のブラウザも既に対応されており、IE の独自仕様という色合いが濃かった従来と異なり、これからは広く利用されていくのではないかと思います。 下のビデオは、スクリプトの位置と defer 属性のあり/なしによる、ページの読み込み/表示速度の違いを Pagetest.com でテストしてみたもので、明らかな差異が

  • kiyohoge Google Chromeのバージョン3と4ではelementfrompointの座標の基準が違う

    elementfrompointは座標から要素を指定することのできる割と便利なメソッドなのですが この引数にする座標がブラウザによって違う。 IEやFirefoxの場合はウィンドウの表示領域の左上が基準だが、 OperaやSafaiはページ全体の左上を基準とした座標で指定しなくてはならない。 そしてGoogle Chromeだがバージョン3ではOperaやSafariと同じくページ全体の左上が基準なのだが、 バージョン4からはIEやFirefoxと同じ表示しているウィンドウの左上が基準となったようです。 なのでelementfrompointをクロスブラウザで使うためにはブラウザの判別と ブラウザのバージョンの判別が必要あるようです。 (Operaのバージョン9.5ではテキストノードが返って来るというバグもあるようです)。 あとGoogle Chrome4で最近はまったのがuserscri

  • 要素が画面上に見えているかどうかを調べる - by edvakf in hatena

    document.elementFromPoint という便利な関数を知ったので、今作っている Chrome 用 Migemo ページ内検索で使ってみた。 これが困ったことに、ブラウザごとにかなり挙動が違うのだけど、来の動作はこんな感じらしい。 待望の document.elementFromPoint が Firefox 3.0a8pre にて実装された。仕様は nsIDOMNSDocument.idl に詳しく書いてあるが、おおよそ以下の通りである。 HTML, XUL どちらの document に対しても使用可能 document の左上を (0, 0) とし、位置 (x, y) にある実際に見えている要素を取得する 同一の document 内に存在する要素のみ取得可能。例えばインナーフレーム内の document 内に存在する要素は取得できず、代わりに iframe 要素を返

    要素が画面上に見えているかどうかを調べる - by edvakf in hatena
  • データ & アナリティクス | アクセンチュア

    データ分析から導き出されたインサイト無しにAI人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ

    データ & アナリティクス | アクセンチュア
  • 新たな「オープンソース問題」みたいな議論になってる - Life goes on

    nobilog2: 以前からあった機能を「特別」にするiPhoneマジック iモードのJavaScriptは独自規格なのか - vantguarde - web:g WebKitという世界標準。 - 日々、とんは語る。 「オープンソース問題」っていうかどうかは知りませんが。ちょっと前に論争巻き起こした、"梅田さんのオープンソースの定義が間違ってるんじゃないか?"問題の事ですが、上の議論を見てるとどうも、構造的に似てるような気がしてきました。 最初に言っておきますと、俺自身は漢字Talk7からずっとMac使ってる林檎フリークです。林さんも昔からMac関係の雑誌で文章を見てましたので、好きですよ。でも、このコメントは無いんじゃないかと思います。 元々のエントリの内容も色々なレイヤーの話がiPhoneというキーワードで一緒になって書かれてるという印象ですけども、id:vantguardeさんが問

    新たな「オープンソース問題」みたいな議論になってる - Life goes on
  • WebKitという世界標準。 - 日々、とんは語る。

    にわかに現れ、ネット界を震撼させているバズワード。 以前からあった機能を「特別」にするiPhoneマジックという記事で使われている言葉ですが、ウェブ製作者の人からしてみれば、思想的に逆行、むしろ反逆しているような言葉ですね。 何故かと言えば、それ即ち、今現在でいうところの「IEという世界標準」と置きかえれてしまうからではないでしょうか。 別にWebKit自体が駄目だというわけではなく、ブラウザはあくまでウェブ "ブラウザ" であって、ブラウザ自体が標準にはなりえないわけです。全てのブラウザで等しくブラウジングできるようにあるために、標準(仕様)があるわけで、ブラウザは標準(仕様)に基づいてレンダリングできれば、何でも良いわけです。 docomo の新プラウザが(WebKitじゃなくて)イケてないという意見がありますが、逆に WebKit を採用して幸せになるのは、一体誰なのでしょうか? i

    WebKitという世界標準。 - 日々、とんは語る。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    lovely
    lovely 2009/07/08
    コメント欄が。
  • Amazonに価格.comの最低価格を表示する『Amazon Lowest Price Checker』改良版リリースしました - 5.1さらうどん

    どうせ既に誰かが作っているだろうから習作にちょうど良いと思って作ったGreasemonkeyがまさかここまで評価していただけるとは夢にも思いませんでした。Amazonで閲覧中の商品に価格comから最低価格を取ってきて付加するGreasemonkeyスクリプト書いた - 5.1さらうどん ここまで評価されたことに対して純粋な喜びもさることながら、それ以上に、こんな適当で不完全な物を衆目に晒してしまったことが非常に申し訳ない。ということで、既知の問題点含め、可能な限り改良してみた。大学の空きコマを使ってちまちまと作り続け、1日がかりで完成させました。どうぞご利用ください。 ダウンロードはこちらから。Amazon Lowest Price Checker ※Greasemonkey固有の関数を使っているため、Operaなどでは動かないと思います。改良、バグ報告等をお待ちしております。主な改良点ま

  • IE6以下をWeb標準に準拠させるライブラリ『IE7.js』

    IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c

    IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
  • IE8 で実装された Selectors API とは何か? - IT戦記

    はじめに IE8 には Selectors API という新しい仕様が実装されました。 ということで、今後 DOM 操作 API の主流になるであろう Selectors API についてまとめておきます。 Selectors API が使えるブラウザ 2008 年 3 月 6 日現在の一覧 WebKit Build Archives | WebKit (開発版の Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 の Beta 版) Selectors API とは Selectors API とは W3C で定義された仕様です。詳細に関してはこちらをどうぞ 簡単に説明すると getElementsByTagName や getE

    IE8 で実装された Selectors API とは何か? - IT戦記
  • IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル

    Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動

  • 私の出会ったバグ達 - ブラウザ依存 - AUSGANG SOFT

    最近、Javascriptで開発していて、ブラウザ依存のバグに出会うことが多いので、実例をメモ。 原因と対策は、リンク先を参照されたし。 ifreame上のinput、textareaからキャレットが消えるバグ Windows版Firefoxで発症。 実例 ↑の場合は、背景のオーバレイDIVを消したら、治った。 Bug 226933 - Caret vanishes in input form elements over iframe - lambda {|diary| lambda { diary += 1 } }.call(hatena) http://d.hatena.ne.jp/winebarrel/20070814/p1 透明のオーバレイDIVを表示すると勝手にFlashが消えるバグ Mac版Firefoxのみ発症。 透明度が関連するので、DIVのフェードイン、フェードアウトのエ

  • Safariのiframe.srcに関する挙動 (polog)

  • ブラウザのスクロール量を取得するには? | Diaspar Journal

    オンライン英会話kiminiは、教育に70年の歴史をもつ「学研」が提供するオンライン英語学習サービスです。 英語の学習に取組むために、「どうやって勉強すればいいのかわからない」といった悩みを解決するために、オンライン授業に適した教材を学研が細部までこだわって作成しています。 kiminiは、月額980円(税込み1,078円)からの始めやすい料金プランが採用されいます。また、オンライン英会話に興味があるけど迷っている方に無料体験が用意されています。 オンライン英会話は、パソコンやスマートフォンを利用してレッスンを受講する仕組みです。インターネットさえ利用できる環境であれば、受講場所を問わず、自宅やカフェなど好きな場所で英語学習ができます。 英語学習の講師としてのトレーニングを行ったフィリピン人英会話講師と、早朝から深夜まで英語学習に取組むことができます。 kiminiには、1,400名以上の

    ブラウザのスクロール量を取得するには? | Diaspar Journal
  • 1