Home > Latest topics

Latest topics > タブの縦置き

宣伝1。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! シス管系女子って何!? - 「シス管系女子」特設サイト

宣伝2。Firefox Hacks Rebooted発売中。本書の1/3を使って、再起動不要なアドオンの作り方のテクニックや非同期処理の効率のいい書き方などを解説しています。既刊のFirefox 3 Hacks拡張機能開発チュートリアルと併せてどうぞ。

Firefox Hacks Rebooted ―Mozillaテクノロジ徹底活用テクニック
浅井 智也 池田 譲治 小山田 昌史 五味渕 大賀 下田 洋志 寺田 真 松澤 太郎
オライリージャパン

タブの縦置き - Jan 30, 2006

Firefoxはタブバーがツールバーのすぐ下にあって、タブは横方向に並ぶように設計されている。これを縦置きする(タブバーをウィンドウの右や左に置いて、タブが縦に並ぶようにする)と、多数のタブを開く場合の視認性が高くなる。

これをFirefoxで実現するには現在二つの方法がある。ユーザースタイルシート(userChrome.css)を使う方法と、拡張機能を使う方法だ。

userChrome.cssを使う場合、以下のような記述を行う。

tabbrowser > tabbox {
  -moz-box-orient: horizontal;
}

.tabbrowser-strip {
  -moz-box-orient: vertical;
  overflow: -moz-scrollbars-none;
}

.tabbrowser-tabs {
  -moz-box-orient: horizontal;
  min-width: 10em; /* この数値は好みで変更する */
  -mox-box-pack: start;
  -moz-box-align: start;
}

.tabbrowser-tabs > hbox {
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  -moz-box-pack: start;
}

.tabbrowser-tabs > hbox > tab {
  -moz-box-align: start;
  -moz-box-orient: horizontal;
}

ただ、Firefox 1.5から実装されたタブのドラッグ&ドロップは、タブが横並びに表示されていることを前提に作られているので、この状態だとタブのドラッグ&ドロップができなくなる。そこで、拡張機能を使う必要が出てくる。

TBEには、タブを縦置きする機能が含まれている。これは、タブバーの表示位置を変えるのと、タブのドラッグ&ドロップの処理を変えるのを同時に行うためだ。

また、TBEのこの機能と同じことをしてくれる単機能の拡張機能で、Vertigoというものがある。これ以外の機能が必要ない場合は、こちらを使うのがよいだろう。

ただ、僕の環境で試した限りでは、Tab Mix Plus 0.3とコンフリクトしてしまいタブが正しく表示されなくなるという問題が起こった。TMPと組み合わせて使うことを避けるか、TBE一つでまかなうか、Vertigoを改造してTMPとのコンフリクトを解消するか、Vertigoがアップデートをされるのを待つか、あるいは、タブのドラッグ&ドロップ自体を諦めてuserChrome.cssでの縦置きを行うか。タブの縦置きをストレスなく行うためにはいずれかの道を選択する必要がある。

分類:Mozilla > 拡張機能, , 時刻:12:27 | Comments/Trackbacks (0) | Edit

Comments/Trackbacks

TrackBack ping me at


の末尾に2014年1月19日時点の日本の首相のファミリーネーム(ローマ字で回答)を繋げて下さい。例えば「noda」なら、「2006-01-30_vertical-tabs.trackbacknoda」です。これは機械的なトラックバックスパムを防止するための措置です。

Post a comment

writeback message: Ready to post a comment.

2014年1月19日時点の日本の首相のファミリーネーム(ひらがなで回答)

Powered by blosxom 2.0 + starter kit
Home

カテゴリ一覧

過去の記事

1999.2~2005.8

最近のつぶやき

オススメ

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