Firefox アドオンの Stylish の使い方

2010
05.30


『Firefox の最強アドオン Stylish の使い方を知らない人は人生損してます』
というのは言い過ぎかもしれませんが、少なくともサイトやブログ閲覧の効率を格段に上げて、時間の節約に貢献してくれます。
Stylish はウェブサイトの見た目を自分好みに変えるためのアドオンです。
ウェブサイトの見た目を記述するためのルールのような CSS (Cascadind Style Sheets) というものを自分で書き換えることができます。
それでは、個人的最強アドオンの Stylish の使い方を説明します。

1. Stylish のインストール


Stylish :: Add-ons for Firefox へ行きます。
Firefoxへ追加ボタンをクリックして、その後、3秒待って今すぐインストールをクリック。
そして、Firefox の再起動すれば、Stylish のインストールは完了です。

2. 既存のスタイルをインストールして使う

まず、既存のスタイルをインストールして使う方法を説明します。
ニコニコ動画用のユーザースタイルをインストールする場合は、ニコ動を開いたタブで
ステータスバーにあるStylish のアイコンを右クリックして、
“このサイト用のスタイルを探す” をクリックします。

すると、userstyle.org (ユーザースタイルを集めたサイト)が開きます。

『ニコニコ動画(9) *スッキリ表示』のリンクをクリックすると、下のような画面に行きます。

右上の 『Install with Stylish』 をクリックします。

次に下のようなウィンドウが出るので、インストールをクリックします。
これでインストールは完了です。

ニコニコ動画を開くと Stylish のユーザースタイルが適用されていることが分かります。

デフォルトのニコニコ動画 (before)

ユーザースタイル『ニコニコ動画(9) *スッキリ表示』 適用時 (after)

ニコニコ動画は有名なので豊富な種類のユーザースタイルが userstyle.org に投稿されていますが、知名度の低いサイトはユーザースタイルが無い場合が多いです。
その場合は自分でユーザースタイルを作るしかありません。そのときは、Stylish 用ユーザースタイルシートの作り方を参考にどうぞ。

Tags: , , ,

48 Responses to “Firefox アドオンの Stylish の使い方”

  1. authority_site より:

    Firefox アドオンの Stylish の使い方 http://bit.ly/ci4EgK

  2. bsiyo より:

    Firefox: Firefox アドオンの Stylish の使い方 | AUTHORITY SITE : http://www.authority-site.com/2010/05/firefox/how-to-use-firefox-stylish.html

  3. hiropon1096 より:

    あとで読む

  4. kazunoricc より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://bit.ly/auqe6H

  5. yotasurf2 より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://dlvr.it/1JffD

  6. firefox_j より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://bit.ly/bzs8Z3 #firefox

  7. katudon_rss より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://bit.ly/bzs8Z3

  8. karatte より:

    "『Firefox の最強アドオン Stylish の使い方を知らない人は人生損してます』というのは言い過ぎかもしれませんが、少なくともサイトやブログ閲覧の効率を格段に上げて、時間の節約に貢献してくれます"

  9. g070 より:

    [link] Firefox アドオンの Stylish の使い方 | AUTHORITY SITE
    http://www.authority-site.com/2010/05/firefox/how-to-use-firefox-stylish.html

  10. codingheler より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE: 『Firefox の最強アドオン Stylish の使い方を知らない人は人生損してます』 というのは言い過ぎかもしれませんが、少なくともサ… http://bit.ly/bzs8Z3

  11. css_j より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://bit.ly/bzs8Z3 #css #web

  12. aozorapiro より:

    RT @css_j: Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://bit.ly/bzs8Z3 #css #web

  13. poco より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE
    http://is.gd/cvOOI

  14. carbide25 より:

    Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://bit.ly/bzs8Z3 #css #web RT @css_j: Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http…

  15. _newsrss より:

    はてな: Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://bit.ly/9ZlLZ5

  16. subetsuru より:

    http://tinyurl.com/2cl3ejh
    #followmejp #followdaibosyu Firefox アドオンの Stylish の使い方 | AUTHORITY SITE

  17. wingedlove_feed より:

    [IT] Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://30m.in/1K13P

  18. perseidcross より:

    Stylishアドオン使えそうだけど、もう少し具体例が欲しいところ。とりあえずテストしてみようか。http://bit.ly/9S6KX5

  19. perma より:

    デザインかっこいいこのブログ。メモっと – 【Firefox アドオンの Stylish の使い方】 http://www.authority-site.com/2010/05/firefox/how-to-use-firefox-stylish.html

  20. akabekobeko より:

    スタイルを探せるのには気付かなかった。探そう : Firefox アドオンの Stylish の使い方 http://bit.ly/9S6KX5

  21. ktkr_loveplus より:

    stylishはマジで便利なんですよメモ。 http://bit.ly/9S6KX5

  22. ayatarou48 より:

    便利そう。Firefox アドオンの Stylish の使い方 http://bit.ly/bObXEG

  23. matdesukedo より:

    とりあえず見辛くなったニコニコはなんとかなった。試してみたらいいんじゃないかな。firefoxユーザー限定だけど。http://www.authority-site.com/2010/05/firefox/how-to-use-firefox-stylish.html

  24. haito_nsense より:

    Gjまってぃー早速やるわ RT @matdesukedo: とりあえず見辛くなったニコニコはなんとかなった。試してみたらいいんじゃないかな。firefoxユーザー限定だけど。http://bit.ly/9S6KX5

  25. daisuke_mizuta より:

    便利便利って聞いてたけどこんなに!wすごい!今まで使ってなかったのは間違いだったw RT @ayatarou48: 便利そう。Firefox アドオンの Stylish の使い方 http://bit.ly/bObXEG

  26. niconyanchu より:

    スタイルシートぱねぇwYoutubeもかっこよく表示されるようになたwhttp://www.authority-site.com/2010/05/firefox/how-to-use-firefox-stylish.html

  27. keso5nk より:

    @st_aiki ニコニコ動画改悪したらしいが、これですっきり見れるかも? RT @AUTHORITY_SITE: Firefox アドオンの Stylish の使い方 http://bit.ly/ci4EgK

  28. sakimori より:

    [B!] Firefox アドオンの Stylish の使い方 | AUTHORITY SITE http://www.authority-site.com/2010/05/firefox/how-to-use-firefox-stylish.html

  29. miyatii より:

    firefox のアドオン。これすごいぞ。twitterもデザイン変更できるのか。http://bit.ly/drHbGs

  30. kaniyakaniya より:

    firefoxのアドオンstylishを入れる http://bit.ly/cuKaP4 →cssを書く http://bit.ly/a4x6Ae →表示かわる!     らしい。ほおおおすげー!

  31. hisamichi より:

    新Twitterが横に並んで見にくいなぁ、と思ってる人、ブラウザFirefoxならアドオンStylish入れるといいですよ http://bit.ly/cuKaP4 のちこいつをインストール http://bit.ly/d28hP8 →もとに近い表示に

  32. q909p より:

    FFアドオン stylishの使い方

  33. sygnas より:

    アメーバブログが広告のせいで見づらすぎるのでFirefoxのアドオンでアレしちゃうぞ! http://tinyurl.com/2cl3ejh

  34. m_kta より:

    firefoxのユーザスタイルって便利だね
    http://t.co/TiNkYpI via @AUTHORITY_SITE

  35. doppan より:

    @kero034 これに http://tinyurl.com/2cl3ejh これ http://tinyurl.com/69fuxyr を組み合わせたりするとお望みの効果が得られるかもしれません.狐使いではないので保証は出来ませんが参考になれば^o^

  36. doppan より:

    @kero034 これに http://tinyurl.com/2cl3ejh これ http://tinyurl.com/4z5evpn を組み合わせたりするとお望みの効果が得られるかもしれません.狐使いではないので保証は出来ませんが参考になれば^o^

  37. ext3 より:

    最強(笑)CSSいじれなきゃ無用の長物だ

  38. mereco より:

    firefoxにいれられないのなんで…

  39. prohie より:

    重要

  40. authority_site より:

    [再掲] : Firefox アドオンの Stylish の使い方 http://bit.ly/dNGDrf

  41. authority_site より:

    [再掲] : Firefox アドオンの Stylish の使い方 http://yukir.in/dNGDrf

  42. authority_site より:

    [再掲] : Firefox アドオンの Stylish の使い方 http://j.mp/dNGDrf

  43. bouncing_heart より:

    “Firefox アドオンの Stylish の使い方 | AUTHORITY SITE” http://t.co/k5AMtgc5

  44. designmos より:

    http://t.co/fcw8MSf2 Presents: Firefox アドオンの Stylish の使い方 | AUTHORITY SITE: http://t.co/EciXvGTm

  45. yukaty より:

    Firefox アドオンの Stylish の使い方 http://t.co/cxDbVjR6 via @AUTHORITY_SITE 知らなくて損してたと思うくらい

  46. otaru_katt より:

    “Firefox アドオンの Stylish の使い方 | AUTHORITY SITE” http://t.co/BSNhKVPO

  47. authority_site より:

    [再掲] : Firefox アドオンの Stylish の使い方 http://t.co/R8ZonArU

Your Reply