Stylish-Firefoxエクステンション-オリジナルCSS設定ができる

Firefoxエクステンションで便利なものを見つけました。userstyles.orgで配布しているStylishというエクステンション。

このエクステンションは自分の使っているFirefox表示をカスタマイズしたり、よく訪れるサイトの表示設定もCSSカスタマイズすることができるというものです。よく訪れるサイトで広告表示などがウザい人には、消したりすることができます。

stylish_gif

画像を拡大表示する

タブの表示も色をつけて区別することもできます。(アクティブタブの色を変えたりすることができる。)Colorize Firefox 2.0 Active Tab | userstyles.org

画像をクリックすると元に戻ります。


タブの表示も色をつけて区別することもできます。(アクティブタブの色を変えたりすることができる。)よく訪れるページでコンテンツなどを見易くするにはこのエクステンションを導入しておくと便利です。オリジナルのCSSをuserstyles.orgにて公開していますので、さまざまなサイト毎でのCSSを簡単に導入することができます。

userstyles.org
http://userstyles.org/

エクステンションの導入は以下より

Stylish | Firefox Add-ons | Mozilla Corporation
https://addons.mozilla.org/firefox/2108/

Firefox をダウンロード!!まだFirefoxを導入していない方は、右のバナーから導入ページへリンクします。

サイト内のSite-specific styles のページからさまざまなカスタムCSSを取得することができます。また、Greasemonkey用のスクリプトも一緒に取得できるものもあります。

とりあえずいろいろと探した結果、自分に使えそうなものは

Colorize Firefox 2.0 Active Tab | userstyles.org
画像のようにアクティブタブの色を変更する
Slim down Firefox GUI | userstyles.org
Firefoxのインターフェースを少しスリムにする
Website: cleaner - Youtube.com | userstyles.org
Youtubeの広告非表示
Google Image Search - dark gray redesign (vC) | userstyles.org
Google Image検索の背景表示を変える(イメージ画像と背景の区別ができます)
livedoor Reader | userstyles.org
livedoor Reader - RSSリーダーの表示変更
Digg - Sexy Back | userstyles.org
digg / Allの表示変更(背景と右メニューに変更)
Del.icio.us Lite | userstyles.org
del.icio.usの表示変更

表示しているページのスタイル検索機能

このエクステンションは、ステータスバーにNoteのアイコンが表示されます。そこをクリックするとさまざまな機能を操作することができます。表示しているページのカスタムCSSが簡単に探せるようにもなっています。今現在開いているページのオリジナルCSS設定も簡単に作成することもできます。

stylish2_gif

よく利用するサービスで見易いページにカスタマイズしたい方はStylish導入をおススメしておきます。

トラックバック(0)

このブログ記事を参照しているブログ一覧: Stylish-Firefoxエクステンション-オリジナルCSS設定ができる

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/205

WEBデザイン BLOGさまのところで詳しく紹介されていましたので,早速入れてみましたが,Stylishは,Webサイト/ページごとにスタイルシートを割り... 続きを読む

ぷろじぇくとMagellanic - iframe を無効にする―Firefox (2007年9月22日 18:36)

Firefoxネタ iframe を無効にする方法 userContent.css で以下のスタイルを定義します。 iframe { ... 続きを読む

コメントする

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このブログ記事について

このページは、スカイが2006年11月19日 08:46に書いたブログ記事です。

ひとつ前のブログ記事は「CSS TABLES GALLERY-さまざまなTABLEのCSSデザインライブラリー」です。

次のブログ記事は「メジャーサイトロゴのフォントスタイルがズラリ」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。