SmallStyle


2006-11-09

_ 忘れ物

毎朝,会社に行く前にコーヒーをいれて,タンブラーに入れてもっていくのですが,今朝はコーヒーいれたまま忘れて出かけてきてしまった.駅について電車に乗り込んでから気がついたものだから,もうどうしようもない.

帰宅してコーヒーメーカを見てみると,そこには丸一日放置され煮詰まったコーヒーが…あーぁ.


2006-11-08

_ ToggleStyle の状態表示をステータスバーに表示する

ToggleStyle の状態表示をステータスバーに表示

朝顔日記で公開されている,脊髄反射的にページの制作者スタイルを有効にしたり無効にしたりする拡張 「ToggleStyle」が,On/Off の状態がわかりやすくなってバージョンアップ.スクリーンショットではツールバーに CSS のアイコンが表示されるようになってわかりやすい.…が,個人的にはこういうステータス表示はステータスバーに出したい人なので,ちょっと手を加えてみました.なんのひねりもなしに,ツールバーを指定している部分をステータスバーにしただけですが.

togglestyle.xul は以下のように変更.

<statusbar id="status-bar">
  <statusbarpanel id="StyleToggle-Checkbox">
    <checkbox onclick="TS.toggle();" id="styletoggle" label="CSS" checked="true" tooltiptext="toggle css"/>
  </statusbarpanel>
</statusbar>

togglestyle.css は以下のように変更.アイコン用の画像は 16x16px のものであればなんでもいいと思うので,お好みの画像を skin ディレクトリ以下に配置してください.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
checkbox[id="styletoggle"] > hbox {
  border-style:none;
}

statusbarpanel[id="StyleToggle-Checkbox"],
statusbarpanel[id="StyleToggle-Checkbox"] * {
  margin:0;
  padding:0;
}

checkbox[id="styletoggle"] > image, checkbox[id="styletoggle"] label {
  display:none;
}

checkbox[id="styletoggle"] > hbox > image {
  min-width:16px;
  height:16px;
  background: transparent none center center no-repeat;
}

checkbox[id="styletoggle"][checked="true"] > hbox>image {
  background-image:url("chrome://togglestyle/skin/enable.png");
}

checkbox[id="styletoggle"] > hbox > image          {
  background-image:url("chrome://togglestyle/skin/disable.png");
}

アイコンは famfamfam.com の SILK アイコンを拝借して,適当にスタイルを定義してできあがり.スクリーンショットは上がスタイル有効時,下がスタイル無効時の表示,みたいな感じで動いてます.今までは,Bookmarklet でスタイルの無効化をしてたけど,これは結構便利かも.

本日のツッコミ(全5件) [ツッコミを入れる]

Before...

_ hb [> のりさん togglestyle,かゆいところに手が届いた感じで便利に使ってます!! > あーるさん スタイル..]

_ あーる [これでバッチリです。のりさん、hbさん、本当に便利なモノをありがとうございます。 しかし、ステータスバー表示の順番を..]

_ TrackBack [http://diary.noasobi.net/2007/03/diary_070306a.html 朝顔日記 朝..]


2006-11-07

_ Vertical Tabbar でタブを縦に表示する

Vertical Tabbar

Firefox の Add-on で Vertical Tabbar というのが出ていたので,ちょっと試してみました.インストールして Firefox を再起動すると,ブラウザの右の方に,タブが縦に表示されます.タブの幅は,自由にサイズを変えることが可能で,それ以外に設定などはいまのところ何もありません.ちなみにこの拡張は Firefox 2 向けの拡張となっています.

タブを縦に表示したいんだって方がいたら,一度お試しあれ.


about me

いろいろと興味を持ったことを書いてます.ちょっとしたことは hb(@smallstyle) on Twitter で書いてます.

Archive

2003|01|02|03|04|05|06|07|08|09|10|11|12|
2004|01|02|03|04|05|06|07|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|07|08|09|10|11|12|
2011|01|02|03|04|05|06|07|08|09|10|11|12|
2012|01|02|03|04|05|06|07|08|09|10|11|12|
2013|01|02|03|04|05|06|07|08|09|10|11|12|
2014|01|02|03|04|05|06|07|08|09|10|11|12|
2015|01|02|03|04|05|06|07|08|09|10|11|12|
2016|01|02|03|04|05|06|07|08|09|12|