上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Comments
Post a Comment
管理人にだけ表示を許可する
コメント投稿時いったん画像認証のページへ移動します。
スパム・コメントが止まないもんで、面倒おかけします。 m(_ _)m

改悪された Stylish を改善する その1: Stylish-Custom

 
Stylish 改悪された Stylish を改善する その1: Stylish-Custom
改悪された Stylish を改善する その2: userChromeJS

 
Firefox 3 サポート終了時に、やっとそれ以降のバージョンにアップデートしたのですが、
Ver.UP をためらった理由のひとつが Stylish でした。

Stylish 1.0 の評判が悪かったので、私は 0.5.9 から Ver.UP せずに使ってました。
Firefox 3 以降に Ver.UP すると Stylish 0.5.9 はもう使えません。

ですがサポート終了なので仕方ない。 Firefox を 3 以降に Ver.UP 。
Stylish も 0.5.9 以降に Ver.UP 。 してみたら…マジ改悪…でした。

私の主な不満点はここらへん。

右クリ一発で編集エディタ開かない。
CSS リスト表示でかい。
タブ切り替えクソ重い。

これら Stylish の改悪されたところを改善する。

 
----------------------------------------

Stylish-Custom を導入します。

Stylish-Custom は、Stylish の機能をさらに拡張します。

----------------------------------------

 
以前のように、右クリ一発で編集エディタを開く。

以前の Stylish では、
Stylish のアイコンをクリック → 登録 CSS タイトル表示
→ タイトル右クリック → その CSS が編集エディタで開かれる

という挙動だったんですが、現在の Stylish では、右クリックすると

・有効化/無効化 ・編集 ・削除

と、さらにメニューが開かれます。
ひと手間ふえて、編集エディタで開くのが面倒になりました。
これを Stylish-Custom で、以前の挙動にできます。

 
メニューアイテム右クリック時の動作を変更
設定 → メニュー項目 タブ

メニューアイテム右クリック時の動作を変更
○ メニュー ◎ 編集

 

でかくなった CSS リストを、以前のようなコンパクト表示に。

現在の Stylish の、登録 CSS 一覧は、表示がでかくなったので
一度に見れるタイトル数が少なくなりました。
多くの CSS を登録してると、見るのにスクロール量が増えて面倒です。

Stylish-Custom でのリストなら、以前の表示に近くなります。

 
管理画面
設定 → 全般 タブ

管理画面
○ サイドバー ○ スタンドアロン ◎ 情報 ○ アドオン

 
また、リストの背景色はストライプになってます。 それはいいのですが、
ちょっとコントラストが強くて、私的には見難いと感じます。

スタイル情報

なので、私はコントラストを弱めた CSS を適用してます。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://stylish-custom/content/info.xul) {
 
treechildren:-moz-tree-cell, treechildren:-moz-tree-row, treechildren:-moz-tree-column {
border-width: 0px 0px 0px 0px !important;
}
treechildren:-moz-tree-cell, treechildren:-moz-tree-column {
border-color: #ddd !important;
border-width: 0px 1px 0px 0px !important;
}
treechildren {
background-color: #ecf2fe !important;
}
treechildren:-moz-tree-row(odd) {
background-color: #ecf2fe !important;
}
treechildren:-moz-tree-row(even) {
background-color: white !important;
}
treechildren:-moz-tree-row(selected) {
background-color: #5b96e0 !important;
}
treechildren:-moz-tree-cell-text(selected) {
color: white !important;
}
}

 

スタイル切り替え の設定。

スタイル切り替え
設定 → 切り替え タブ

スタイル切り替え
○ ロードされたページ/スイッチしたタブの切り替え
○ スイッチしたタブのみ
○ ロードされたページのみ
◎ なし(タグを無視)

 
これはぱっと見、何の設定なのか解らないと思います。

ここは、有効にしてる CSS を特定の URL では自動的に無効にする、
といったような細かい設定ができるみたいです。 たぶん…。 使ってないのでサーセン。

Stylish-Custom 作者 ヘルプ・ページ

 
この スタイル切り替え を使わないのであれば、なし を選択してください。
なし 以外を選択すると、タブ間の移動が遅くなります。

 

次回は タブ切り替えクソ重い 問題を解決します。
改悪された Stylish を改善する その2: userChromeJS

 

関連記事
Comments
Post a Comment
管理人にだけ表示を許可する
コメント投稿時いったん画像認証のページへ移動します。
スパム・コメントが止まないもんで、面倒おかけします。 m(_ _)m
 
カテゴリ

 
 町山智浩ポッドキャストまとめ
 
 iGain
 
 全記事タイトル一覧
 
iTunes Store へのリンクについて
プライバシーについて

リンク

Mozilla Firefox ブラウザ無料ダウンロード

にほんブログ村 IT技術ブログ フリーソフトへ
 
Photo by
EyesPic - フリー画像素材

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。