タグ

browserとTIPSに関するlovelyのブックマーク (30)

  • Firefoxは強制的に右クリックメニューを表示できる - はりをきば

    【追記 2016/12/24】 カスタム右クリックメニューの挙動に関する情報更新 WHATWGのリンク切れ修正 テスト画像差し替え 今年最後だってのによりにもよってこのタイミングでこんなしょうもない記事… …それがはりをきばクオリティ。 (ちなみに去年の大晦日に投稿した記事はこちら) 前置き考えるのも面倒なので題。 知らない人があまりにも多過ぎるので記事にする。 Firefoxは、Shiftキーを押しながら右クリックすると強制的にコンテキストメニューを表示できる。 以下の画像で試してみるとわかる。 普通は右クリックが禁止されていて何も起きないが、 Firefoxに限り、Shiftを押しながら右クリックすると普通にメニューを呼び出せる。 これはFirefoxの独自機能ではなく、HTML5の仕様策定などをしているWHATWGによって定められている標準仕様だったりする。 User agents

    Firefoxは強制的に右クリックメニューを表示できる - はりをきば
    lovely
    lovely 2015/01/06
    知らなかった!
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    lovely
    lovely 2013/12/09
    『アドオンを無効にするにはアドオンの管理画面からぽちぽちやるのではなくInternet Explorerをアドオンなしモードで起動するのが漏れもなく簡単です』
  • IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。 この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。 サンプルコード 例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte

    IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
  • IE6で画像表示がズレてるときにまずチェックすべき4つのポイント | かえラボBlog

    なんとなくいまっぽいタイトルにしてみましたw vertical-align を baseline から bottom に。またはその逆。囲っているブロック要素の font-size を0に。または overflow を hidden に。zoom:1 などで hasLayout を true に。間にコメントや改行をいれずに並べてみる。 それでもダメならレイアウトを変えてみる。

  • Google Chromeでcheckboxやradio buttonが消えたときの応急処置 - 殺シ屋鬼司令II

    余計な機能がなくてシンプルで、操作も非常に軽快なGoogle Chromeを愛用しています。しかし時々、大ポカをやらかすのも新進のブラウザにはつきもの。 最近私がずっと困っていたのは、ウェブページのチェックボックスやラジオボタンが消えて、表示されない状態でした。FirefoxやSafariではこういうことはなっていません。 右に示したのがmixiのログイン画面の一部ですが、「次回から自動的にログイン」と書いてある左側にあるのがチェックボックスです。あるいは、下図はGoogle検索の結果ですが、ウェブ全体から検索/日語のページを検索を選択するために使われているのがラジオボタンです。下図の上半分ではラジオボタンが消えていますね。下半分が正常な状態です。 これを解消するために日語でgoogle:Chrome checkbox 消える]としたのですがパッと解決策が出てくるわけではなかったので、

    Google Chromeでcheckboxやradio buttonが消えたときの応急処置 - 殺シ屋鬼司令II
    lovely
    lovely 2010/11/18
    なんじゃそりゃw
  • 古いPCでFirefox3.6.4以降を使うときの注意点 - Firefox更新情報Wikiブログ

    2024 01 ≪  02月 1234567891011121314151617181920212223242526272829  ≫ 2024 03 もうすぐ公開予定のFirefox 3.6.4では、Flashなど一部のプラグインが別プロセスで実行/再生されるクラッシュ防止機能が追加されます。わたしの環境ではプラグインによってFirefoxが強制終了した経験はほとんどないのですが、Flashによってクラッシュが多発する方もいるようで、そういう方にとってはかなり有用な機能になるのかも。 しかし、低スペックなパソコンを使用している環境では、サイトによってはプラグインを読み込む(初期化する?)のに時間がかかって「○○プラグインがクラッシュしました。」と表示されてしまう場合があります。そんな場合は、about:configから「dom.ipc.plugins.timeoutSecs」の値(初期値

  • border-collapse | A Day in the Life

    統合ボーダーモデルでは、その名の通りボーダーが統合された状態で表示される。各ボーダーモデルはセル間を中心に表示されることになる。テーブル上下左右にはボーダーの半分がはみ出すので注意が必要だ。 今まで統合ボーダーモデルを選んだ時のtableにかかるborderはtableの外にかかるものだと思い込んでた(苦)気になったのでborder-collapseをcollapse(統合ボーダーモデル)、tableとtd,thのborderに1px solidのプロパティを与え、各ブラウザでどのように表示されるか調べてみた。 Win Firefox...左に1pxはみ出す Win IE6...tableの内側に表示 Mac Safari...右に1pxはみ出す Mac Firefox...左に1pxはみ出す borderに1px以上のプロパティを与えてやるとWin IE6以外のブラウザは、ボーダーの半分

  • 動作の遅くなったGoogle ChromeにChromeタスクマネージャーでメモリ最適化 - 適宜覚書はてな異本

    Google Chromeはサクサク動く軽量なWebブラウザですが、その代償としてメモリを暴します。RAMなんぞ腐るほどあるわという人には問題にならない話ですが、そうもいかないのが普通でしょう。 【以下はdev版でのみ有効です】そこでタスクマネージャーを使ってChromeで使用しているメモリを管理します。まず、Google Chromeの起動オプションに「--purge-memory-button」を追加して起動します。この状態で[Shift]+[Esc]を押すと下図のようにタスクマネージャーがポップアップします。(先のオプションが正しく動作していないと画面右下にある「Purge Memory」ボタンは表示されません。) 拡大(または最大化)したり、列幅を調整することも出来ます。 見たように各タブでどれだけのメモリとCPUを使用しているか、ネットワークとどれだけの通信をしているかというの

    動作の遅くなったGoogle ChromeにChromeタスクマネージャーでメモリ最適化 - 適宜覚書はてな異本
  • IE8、「正しくレンダリングできないページ」リストを使って互換性をアップ | スラド IT

    Internet Explorer 8はWeb標準規格に準拠した動作を行う「標準モード」と、過去の(非標準な)IEと互換性のある動作を行う「互換モード」の2つが用意されており、デフォルトでは標準モードでのレンダリングを行うと言われています。しかし、これによりIE6/7で正しく表示されていたページが、IE8では表示が崩れる、といった現象が多発したそうで、IE8の開発者はこの問題を「IE8で正しく表示できないページのリストを作り、そのページに対しては標準で互換モードでのレンダリングを行う」ということで対処しようとしているそうです。 IEBlogによると、IE8ではHTTPヘッダ、もしくはHTMLのメタタグで「IE=7」もしくは「IE=EmulateIE7」というキーワードを指定することで、Webページを互換モードでレンダリングさせることができるそうです。また、IE8のベータ2では、「互換ビュー

  • [CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

    Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その2つの不具合が無いものとなっています(IE7調べ)。 対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeなどほとんどのものに対応しています。 仕組みはカラムごとにdivを用意し、それぞれをずらして配置します。 下記は、そのイメージです。

  • clearfix for Firefox3

    最近htmlcssばっかり書いてるまいです。 ruby?なにそれおいしいの?状態… そんな最近作業をしてて、先日書いた「clearfixでfloat解除」のclearfixでは Firefox3でちょっとおかしなことになってしまったので、 さらに手を加えてみました。 つべこべ言っても仕方ないのでとりあえずご紹介。 .clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } 前のだと何がどうなるかというと、footerとかにclearfixを適用させたとき、 一行分

  • 続・FireFoxのテキスト自動改行 - Affamative Way

    昨日の続き ちょっと調べたらそっこーで公式見解が見つかった。 Firefox 3 の修正内容のご紹介 その3 — URLも改行されるように | Mozilla Japan ブログ とにかく意図しない場所での改行が発生しないように、極力制限をかけている仕様になっています。これは、単純に文字だけを見て改行するかどうかを決定すると、日付の書式や、時間の書式等まで改行してしまったりすると、Web ページの内容自体を壊しかねないためです (日語以外の言語圏では単語の途中で改行するという発想自体があまりないことの方が多いことに注意してください)。将来のバージョンではより改行の発生パターンは制限されるかもしれませんが、これ以上、改行可能位置が増えることはないと考えて頂いて良いと思います。 マジッスカ。。。増えないんすか。。 そして、この修正が完了した今、Web デザイナの方々にひとつお願いしたいこと

    続・FireFoxのテキスト自動改行 - Affamative Way
  • Firefox 3.0.2にしたらパスワードマネージャが機能しなくなったという場合の解決方法

    Firefox 3.0.2にしたらパスワードマネージャが機能しなくなったという場合の解決方法 2008年09月24日 17:49未分類 Firefox 3.0.3 でこの問題は解決しました。よかったですね。(09/27 追記) 参考 » Mozilla Japan – Firefox 3.0.3 リリースノート 日 Firefox を 3.0.2 にアップデートした。 したというか、自動アップデートされた。 しばらく使ってみたが、どうもおかしい。 パスワードマネージャが機能していない。 パスワードが自動で入るはずのページに行っても入らない。 「環境設定」→「セキュリティ」の 「保存されているパスワード」を確認しても何も表示されない。 全部消失したような感じ。 どこかのサイトで新たにログインしても 「このパスワードを記憶させますか?」と聞かれない。 ので保存できない。 どうやらこの修正に伴

    Firefox 3.0.2にしたらパスワードマネージャが機能しなくなったという場合の解決方法
  • STUDIO KINGDOM Blog >> Adobe CS3をインストールしたらFirefoxのフォントが…

    Adobe Creative Suite3 Web PremiumをインストールしたらFirefoxのフォントが勝手に変更されてしまいました。何でだろ…。とりあえず、ここにFirefoxの元の設定を載せておこうと思います。 メニューから[ツール]→[オプション]→[コンテンツ]を選択。 「フォントと配色」から詳細設定のボタンをクリックします。 あとは下記のように設定します。 Comments:19 um 07-12-26 (水) 14:38 どうもありがとうございます。助かりました。 admin 07-12-27 (木) 0:51 コメントありがとうございます。めっちゃ嬉しいです。 これからも、ちょっとでも役に立つ情報を提供していければと思います。(>_ MasaGon 08-01-03 (木) 17:39 私も助かりました!ありがとうございます! admin 08-01-04 (

  • GIGAZINE - FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法

    Firefoxはページのブラウジングを快適にするため、パソコンに搭載されているメモリを使いまくるという仕様になっています。ふつうの一般ピープルであればだからといってどうということもないのですが、Firefoxを好んで使う人のブラウジングスタイルだと異常なほどのメモリを消費し、もっさりしてきたり、快適さが損なわれてしまうように感じるのもまた事実。 なんとかならないものかとみんなあれこれ試行錯誤しているわけですが、そういう対策で一番お手軽で快適さが損なわれない方法を1つ、ピックアップしておきます。 なお、この対策方法はFirefox、Thunderbird、Mozillaで動作確認しています。 ■最小化したときにメモリ消費量を減らす メモリ消費量を抑える一番簡単な方法です。やり方もとっても簡単。 1. アドレスバーに「about:config」と入力してEnterキーを押す 2. 開いたページ

    GIGAZINE - FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法
  • hasLayoutプロパティがtrueで発生するバグ - Webtech Walker

    hasLayoutがfalseのときに起こるバグは多数ありますがここでは触れません。hasLayoutプロパティをtrueにするにはwidthやheightを指定する方法の他に、IE独自実装の「zoom」を使うことも多いです。下記のように「zoom:1」と指定すれば、他のレイアウトに害が少ないからです。 div#foo { zoom: 1; } ただし、この「zoom」はW3CのCSSバリデータでエラーになるのでそれが嫌な人は使わないほうがいいかもです。 hasLayoutプロパティがtrueのときの問題点 では題です。hasLayoutプロパティがtrueのときに、以下のようなバグが発生します。 IEでリストマーカーが壊れる IE7のズーム機能で拡大、縮小した際に文字が重なる IEでリストマーカーが壊れる これはul,ol,liのhasLayoutがtrueだとリストマーカーが壊れます

    hasLayoutプロパティがtrueで発生するバグ - Webtech Walker
  • IE7のborder-styleの不思議

    ジャンプで連載してるP2!がすごく好きなのに、非常に悲しい知らせを聞き、何とかしたいと切に願う今日この頃。 情報元:P2!を応援しています さて題に。 border-bottom: 1px dotted #000;とかって書くと、IE6だけ破線の感覚が広くなってしまうじゃないですか。 というか、dashed を指定したときと同じになるアレです。 アレが嫌で、dotted でいけそうなデザインでも背景で切ってたりした訳で。 んで、IE7はなおってるーって喜んでたんですけど、solid で2px以上なborder があると、IE6と同じ破線になってしまうっぽいっていう事にいまさら?気づきました。 サンプルページとダウンロードは以下より。 サンプルページ ダウンロード サンプル作ったけど、別にソコまでせんでもいいので、文内にも。 コレは正しい表示 コレはいけてない表示 当たり前だけど、IE7

    IE7のborder-styleの不思議
  • text-justify-CSSリファレンス

    ページが移転しました。

  • [CSS]気をつけたいIE 7のバグ -CSS-Discuss

    CSS-Discussにアップされている「IE 7 Bugs」の意訳です。 省略している箇所も多数あるので、原文も参照ください。 Internet Explorer Win Bugs - css-discuss 注意: バグには、IE7のみでなく、IE 5, 5.5, 6のものも含まれています。 公開されてから時間が経っているためか、ちょっと古いものもあります。 IEのフォントサイズのバグ フォントサイズの継承 IEの相対指定のフォントサイズの継承は、うまく機能しません。 相対指定を行う場合、emより%で指定を行う方が便利です。もし、em指定を行う場合は最初に%指定を行ってください。 例: body{ font-size: 100.01%; } ※100%の代わりに100.01%を使用するのは、Operaでの継承バグの回避のためです。 キーワード指定でのサイズ フォントサイズに「small

    [CSS]気をつけたいIE 7のバグ -CSS-Discuss
  • http://www.tech-arts.co.jp/macosx/macosx-jp/htdocs/16300/16375.html