続々・Firefox2.0セットアップの覚え書き - UIのカスタム

すんません、まだFirefoxでひっぱります。

たまにはLifeHackerも読む…というか斜めなんですが^^;、
27日に同サイトに上がっていたFirefoxのカスタマイズネタです。いぢりついでにメニュー＆ツールバーまわりの整理をやってみました。ちょっとにん仕様はいってるので、ネタ元とは若干違う箇所があると思いますので、以下のLifeHacker記事も参考にしてくださいね～。

Geek to Live: Consolidate Firefox’s chrome - Lifehacker
http://www.lifehacker.com/software/firefox/geek-to-live-consolidate-firefoxs-chrome-210542.php

userChrome.cssを直接編集してもいいんですが、反映が面倒なので「Stylish」というExtensionを使います。
長くなるのでStylishについては省略します。まずは使用前をご覧いただく。

メニューバー、アドレスバー、ブックマークツールバー、WebDeveloperツールバーが、“でんでんでんでん”と我が物顔で横にのさばり非常に場所がもったいない。ごちゃごちゃしていて、せっかくのFirefox2.0が台無し。狭い部屋はスペース活用が大事ってのと同じで、いらないものはしまって、空いたスペースにいろいろぶち込んでみたいと思います。

メニューとナビゲーションバーを合体

1. ツールバーを右クリックして「カスタマイズ」を選択。
2. 「ツールバーのカスタマイズ」で「小さいアイコンを使用」にチェック
3. そのウィンドウは閉じずに、アドレスバー、検索ボックス、進む、戻るをメニューの段へDrag & Drop、「完了」クリック
4. Home、停止、更新の残ったナビゲーションバーは、コンテキストメニューからチェックを外して隠す。(全部ショートカットで代用。)
5. その他、できるだけサイドバーにまとめる。(All-in-One Sidebar使用)

メニュー・ツールバー周りの不要なパーツをuserChrome.cssで非表示にする(Stylish使用)

/* メニュー 編集・ヘルプ・履歴・ブクマ非表示 */
#helpMenu,
#edit-menu,
#go-menu,
#bookmarks-menu {display: none !important; }
/* 戻る先無し→戻る非表示 */
#back-button[disabled="true"] { display: none; }
/* 進む先無し→進む非表示 */
#forward-button[disabled="true"] { display: none; }
/* 検索の虫眼鏡を非表示 */
.search-go-button-stack { display: none !important; }
/* 検索ボックスの横幅 */
#search-container, #searchbar {
min-width:10em !important;
max-width: 13em !important;
}
/* アドレスバーのGo非表示 */
#go-button-stack, .search-go-button-stack { display: none !important; }
/* throbber(Load時に回る右上の円)非表示 */
#throbber-box { display: none !important; }

以上を施して…で、仕事どきほど使わないWebDeveloperは普段は閉じておく…と。サイドバーに置いたアイコンで開閉します。ブックマークもサイドバーに開けばいいのでメニュー消しちゃいます。

あれま、4段が2段に！スッキリにゃぁ～！

↓最終形態です。

次回、公開している検索プラグインの“2.0用まとめ”でこの祭り、閉めたいと思います……^^；