タグ

FireFoxとhackに関するteruwyiのブックマーク (5)

  • Firefox 1.0, 1.5, 3.0 用の CSS ハック | ヨモツネット

    概要 Firefox 1.0 以降用, Firefox 1.5 以降用, Firefox 3.0 以降用の CSS ハックの手法とその仕組みの説明です。 動作確認用の demo 説明 複数のセレクタに同じ宣言を共有する場合、h1, h2, h3 { font-style: bold } のようにセレクタをカンマで区切ってグループ化 (Grouping) することができます。 しかし、グループ化したセレクタ群の中に、Web ブラウザが未対応のセレクタが一つでも含まれている場合、グループ化した別のセレクタも無効化されてしまい、グループ化した全てのスタイルが適用されなくなります。 例えば、h2, p:first-child { font-weight:bold } のように宣言した場合、h2 要素と最初の子要素の p 要素が太字でレンダリングされます。しかし、IE 6 では :first-chi

  • Gecko hacking tutorial | MDN

    はじめに この文書は、Mozilla の心臓部である Gecko を Hack するための手順を紹介します。 準備 環境 この文書は、以下の環境を想定しています。 OS ソースコードの取得 何よりもまず、Mozilla のソースコードが必要です。この記事では、(この記事の執筆時点で)Firefoxの最新リリースである Firefox 2.0.0.2 を使用します。Firefox 2.0.0.2 のソースコードは、以下から入手可能です。 http://ftp.mozilla.org/pub/mozilla.o....0.0.2/source/ ソースコードはbzipアーカイブです。後で展開作業を行いますので、適当な場所に保存しておいてください。 コンパイラの準備 Windows Build Prerequisitesによると、この記事が対象としている Firefox 2.0.x をビルドする

    Gecko hacking tutorial | MDN
  • 長~いURLによるカラム落ち、に対処する - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 長いURL(半角英数字)を強制改行させるには、CSSで「word-break: break-all;」を指定すれば良い。これはIEの独自拡張で、IE5.0から対応しています。 通常のボックス要素の場合だと、Opera/firefoxではボックスを突き破りはしても、ボックスを拡張したりはしない。 幅が指定されたボックス要素を拡張してしまうのはIEのバグなので、通常は「word-break: break-all;」で大きな問題は無いです。(レイアウトが崩れない、て意味ね) ただし、table要素に詰まっていると、ややこしくなります。table要素は特殊なブロック要素で、中

  • CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki

    CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3

  • Firefoxの拡張をFlockで使う - higeorange's blog

    Firefoxの拡張は.xpiで配布されているが,それをFlockで使うためにはその.xpiを解凍して中から出てきたinstall.rdfに <!-- Flock --> <em:targetApplication> <Description> <em:id>{a463f10c-3994-11da-9945-000d60ca027b}</em:id> <em:maxVersion>1.0+</em:maxVersion> <em:minVersion>1.0+</em:minVersion> </Description> </em:targetApplication>を追加して再び圧縮すればよい。 試しにAll-in-One-Gesturesを試してみたが無事使えた。 参考 http://extend.flock.com/convert.html

    Firefoxの拡張をFlockで使う - higeorange's blog
  • 1