タグ

firefoxとcssに関するfaintmemoryのブックマーク (7)

  • 窓の杜 - 【NEWS】スタイルシートのソース表示に特化したFirefox拡張「View formatted source」

    スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表

  • Stylish いいよ - 朝顔日記

    2005-12-31 ua tool Firefox のユーザスタイルシートをアレコレする拡張機能、Stylish というのを導入してみました。Firefox には、表示ページの表示の仕方をカスタマイズするための userContent.css と、Firefox の UI をカスタマイズするための userChrome.css が使えるわけですが、どちらもファイルを書き換えると、Firefox を再起動しないと変更が反映しません。しかし、Stylish を導入すると、即座に変更が反映したり、新しいウィンドウを開いたりするだけで変更が反映するようになります。 また、2つのスタイルシートだけで管理するのではなく、もっと細かい単位で管理でき、しかもその有効、無効を手軽に切り替えることが出来ます。以下、スタイルシートの管理画面のスクリーンショットのサムネイルですが、これを見ていただけはイメージが

  • 色の悪いサイト用ユーザスタイルシート - 朝顔日記

    2006-08-12 ua firefox web を徘徊していると時折どうにも配色が悪くて読みづらいサイトがあります。たいていはスタイルシートを切ってやると、読めるようになるんですが、そうすると一気にレイアウトが変わったりしてこれまで読んでいた地点を見失ったりするのが、難点なんですね。 そのサイトが巡回先であれば、そのサイトの html やら css やらを解析して、不都合な点を自分好みに変更するユーザスタイルシートを書いていたりしたんですが、どうにも面倒くさい。とりあえず、色だけ読めるようにするユーザスタイルを書いておけばいいのか、と先ほど気がついたのでそんなのを書いてみました。 @namespace url(http://www.w3.org/1999/xhtml); *{ background:#f9f9f9 !important; color:#333 !important; }

  • 背景が黒い「Black Google」は地球を救う - GIGAZINE

    ウェブページにはさまざまな色が用いられていますが、なんと表示する色によって消費電力が異なるそうです。たとえばGoogleの背景が黒になっただけで、下がる消費電力はかなりのものだとか。だいたい年間30万ドルほどだそうです。 当なのでしょうか…。 詳細は以下の通り。 ecoIron - All these whirring boxes.: Black Google Would Save 3,000 Megawatts a Year この記事によると、背景が白いウェブページを表示する際の消費電力が74Wの場合、黒いウェブページであれば59Wで済むそうです。 そしてGoogleが一日2億ページビューであり、一回の検索につき10秒表示されると考えると、背景が白の時と比べて、黒では1日あたり8.3MWh、そして1年あたり3000MWhの消費電力が削減できるそうです。そして1KWhあたりの電力料金を1

    背景が黒い「Black Google」は地球を救う - GIGAZINE
  • ユーザスタイルシートによるカスタマイズ(2) - Stylish - えむもじら

    この記事は、Software Design 2007年1月号に掲載された拙著「Firefox 2 カスタマイズガイド」の一部を加筆修正したものです。 ユーザスタイルシートを用いてウェブページや Firefox 体の見栄えを変更することができます。 もくじ ユーザスタイルシートを管理する Stylish ユーザスタイルを管理 ユーザスタイルを作成 ユーザスタイルをインストールする その他の情報 about:config と user.js による Firefox のカスタマイズ(別ページ) ユーザスタイルシートによるカスタマイズ(1)(別ページ) Stylishでユーザスタイルを管理 Stylish という拡張機能を用いるとユーザスタイルを簡単に管理できるようになります。 Stylish をインストールすると、このような管理画面から、ユーザスタイルに名前をつけて個別にオン/オフの切り替え、

  • Stylish でユーザスタイルシートの切り替えを手軽に, 仕事納め - SmallStyle(2005-12-28)

    _ Stylish でユーザスタイルシートの切り替えを手軽に Firefox では userContent.css などにユーザスタイルシートを定義することで,自分好みに Web サイトの表示をいじることができます.例えば,広告ブロックのような定義を記述してみたり,FEEDBRINGER で <pre> タグを折り返したり,@-moz-document を利用すれば,特定のサイトのみ適用するスタイルシートを定義することもできます.難点としては,この userContent.css の修正などを反映させるには,Firefox を一度再起動する必要があります.これが結構不便だったりするのですが,Stylish という拡張を使うと,手軽のユーザスタイルシートの切り替えが可能になります. 例を挙げてみると,SmallStyleのサイドバーの表示をしたくないと思ったら, @-moz-document

  • ユーザスタイルシートによるカスタマイズ(1) - えむもじら

    この記事は、Software Design 2007年1月号に掲載された拙著「Firefox 2 カスタマイズガイド」の一部を加筆修正したものです。 ユーザスタイルシート(userContents.css と userChrome.css)を用いてウェブページや Firefox 体の見た目を変更することができます。 また、Stylish という拡張機能を用いると、ユーザスタイルに名前をつけて個別にオン/オフの切り替え、編集など、ユーザスタイルを簡単に管理できるようになります。 もくじ Firefox 2 入門 総合目次 ユーザスタイルシートとは Firefox の見た目を変更する メニューの削除とフォント設定 ストップ/リロードボタンを統合 サイドバーを右に配置する アクティブなタブを目立たせる ウェブページの見た目を変更する めざわりなウェブページの表示を無効に Gmail の文を等

  • 1