Numb.

Avatar

Just another WordPress weblog

10 月 12, 20080

Gmail2.0 対応版の「Gmail - display keyboard shortcuts」

Category : Firefox | WebService / Tags : | |

gmail はショートカットが指定されていて、覚えてしまえばキーボードで操作できて便利です。ですがショートカットキーって覚えるまでは毎回「どうだっけ・・」と確認したり、ちょっと使わないとすぐ忘れてしまったりしませんか！？

そんな私のような人に便利なのが、Firefox の add-on 「stylish （or Greasemonkey）」で利用できる「Gmail - display keyboard shortcuts」というもの。gmail　のショートカットキーを表示してくれるユーザースタイルです。本当に凄く便利で使わせてもらっていたのですが、Gmail2.0 になってからショートカットキーが表示されなくなってしまいました。

しばらくそのまま使っていたのですが、ふと内容をみたら結構簡単に表示させるようにできそうだったので手を加えてみました。

以下、私が手を加えた Gmail2.0 対応版の「Gmail - display keyboard shortcuts」です。stylish のコードに下の内容を登録することで利用できます。

PLAIN TEXT
CSS:
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("mail.google.com") {
  4. span.zD5BAe[id="1fbe"]::after,
  5. span.zD5BAe[id=":r3"]::after,
  6. #comp::after{
  7. content:"(c)";
  8. }
  9. span.zD5BAe[title^="Inbox"]::after,
  10. span#ds_inbox::after,
  11. div.yyT6sf[id=":r2"]::after,
  12. button#ac_ib::after{
  13. content:"(g i)";
  14. }
  15. span.zD5BAe[title^="Starred"]::after,
  16. div.yyT6sf[id=":r0"]::after,
  17. span#ds_starred::after{
  18. content:"(g s)";
  19. }
  20. span.zD5BAe[title^="Sent Mail"]::after,
  21. div.yyT6sf[id=":qw"]::after{
  22. content:"(g t)";
  23. }
  24. span.zD5BAe[title^="Drafts"]::after,
  25. div.yyT6sf[id=":qu"]::after,
  26. span#ds_drafts::after{
  27. content:"(g d)";
  28. }
  29. span.zD5BAe[title^="All Mail"]::after,
  30. div.yyT6sf[id=":qs"]::after,
  31. span#ds_all::after{
  32. content:"(g a)";
  33. }
  34. span.zD5BAe[id="1fbc"]::after,
  35. span.zD5BAe[id=":q5"]::after,
  36. span#cont::after{
  37. content:"(g c)";
  38. }
  39. div.A5liqb[act="19"]::after,
  40. div.vwcZUe[act="19"]::after,
  41. b#bk::after{
  42. content:"(u)";
  43. }
  44. button.BuNwUe[act="7"]::after,
  45. button.Gjckbb[act="7"]::after,
  46. button[id^="ac_rc"]::after{
  47. content:"(y)";
  48. }
  49. button.BuNwUe[act="9"]::after,
  50. button.Gjckbb[act="9"]::after,
  51. button#ac_sp::after{
  52. content:"(!)";
  53. }
  54. button.BuNwUe[act="10"]::after,
  55. button.Gjckbb[act="10"]::after,
  56. button#ac_tr::after{
  57. content:"(#)";
  58. }
  59. div.SvrlRe::after,
  60. div.cKWzSc span.qZkfSe::after,
  61. td#sm_2::after{
  62. content:"(r)";
  63. }
  64. div.K98VUe span.qZkfSe::after,
  65. span#r_3::after{
  66. content:"(a)";
  67. }
  68. div.XymfBd span.qZkfSe::after,
  69. span#r_4::after,
  70. td#sm_4::after{
  71. content:"(f)";
  72. }
  73. span#pt::after{
  74. content:"(k)";
  75. }
  76. span#nt::after{
  77. content:"(j)";
  78. }
  79. div.c1I77d button[id] b::after,
  80. button[id="1evq"]::after,
  81. button#snd::after{
  82. content:"(Tab-Enter)";
  83. }
  84. div.c1I77d button[style]::after,
  85. button#d::after{
  86. content:"(Ctrl+s)";
  87. }
  88. span[selector="all"]::after{
  89. content:"(* a)";
  90. }
  91. span[selector="none"]::after{
  92. content:"(* n)";
  93. }
  94. span[selector="read"]::after{
  95. content:"(* r)";
  96. }
  97. span[selector="unread"]::after{
  98. content:"(* u)";
  99. }
  100. span[selector="starred"]::after{
  101. content:"(* s)";
  102. }
  103. span[selector="unstarred"]::after{
  104. /* content:""; */
  105. }
  106.  
  107. }

少し表示の違いはありますが、とりあえず使えるようになってはいます。

6 月 23, 20080

stylish 設定メモ

Category : Firefox / Tags : | |

Firefox 拡張の、Stylish 用 CSS。
自分用メモ。

[Read more]

1 月 25, 20082

CSS で指定した背景・ボーダーが IE で出ない時のメモ

Category : WebCreate / Tags : | |

Firefox、Opera では問題ないが、IE6 でのみ起きる現象。

現象：position を使っている要素のすぐ後ろの要素で、背景やボーダーが表示されなくなることがある。

対処方法：「position: relative;」を背景やボーダーがある要素に指定してあげる。

この現象が起きる場所付近をコメントアウトしながら原因を探して、position をコメントアウトするとこの現象が起きないことを確認。
ということで、おそらく原因は position 。
position が関係してるならと position: relative; を背景・ボーダーが消える要素に付けたらキチンと表示されるようになったので OK。

でも具体的に原因がよく分からないからスッキリしない…なんだろな。
CSS バグリストざっと見た限りだと該当しそうなものがないような、後でもう一度確認しよう。

Internet Explorer (Windows) CSSバグリスト
Internet Explorer (Windows) CSSバグリスト

8 月 19, 20070

Firefoxの不要メニューを userChrome.css で隠す

Category : Firefox / Tags : | |

今までは MenuEditor という add-on を使って不要メニューを非表示にしていたのですが、
PC を変えたついでに Firefox をダイエットさせようかなと userChrome.css で隠す方法に変えてみました。

参考にしたのは以下のサイトです。

userChrome.css に直接書いてももちろん OK ですが、
Stylish を使っているならグローバルスタイルの css として保存しておくのも手軽です。
私は Stylish に「Menu Editor - css」という感じの名前で以下の内容を設定しました。

長いので以下、全文表示ページで。
[Read more]

7 月 22, 20060

HTML & CSS エディタ ez-HTML

Category : Software | WebCreate / Tags : | | |

色々使ってみたなかで、これはいいなーと思えたもの。
＃2/24思い出して色々追記やら修正。

ez-htmlの入力補助


ez-HTML
ez-HTML

高機能すぎるほど高機能なので、使いこなすには最初に「ん、これどういうもの？どうするの？」
と多少ヘルプを見ないといけないかもしれません。
でも、自分が便利と思う機能だけ使いこなせればいいと思うので、そんなにたくさん学ばなくてはいけないわけでもないし、
なにより便利なので最初のヘルプを見る作業を加味しても十分使ってみる価値ありかも。

基本的には分かりやすく使いやすいソフトだと思います。
寄与歓迎のフリーウェアとなっていますが、下手な製品よりよほど良さそう :D

[Read more]

,

PAGE TOP