履歴もしくは日誌

「はてなリング」のロゴ画像でかい補足: CSS での子どもセレクタと子孫セレクタについて

「はてなリング」のロゴの画像を 40 ピクセル幅にしてしまおうって書いたら，突っ込みが．いや，書いているときから Internet Explorer ぢゃうまくいかないかもって思っていたのですが，やっぱりうまく行かないのな．なぜなら，Internet Explorer が CSS の子どもセレクタに対応していないらしいのです．

前提として class 名が hatenaring である要素で，「はてなリング」へのリンクロゴを貼付けの部分を囲みます:

<div class="hatenaring">
   <script type="text/javascript"
     src="http://ring.hatena.ne.jp/showlogo?rid=cycring&amp;sid=1848">
   </script>
   <noscript>
   <a href="http://cycring.ring.hatena.ne.jp/go?type=random&amp;sid=1848">random</a>
   <a href="http://cycring.ring.hatena.ne.jp/">Hatena Ring cycring</a>
   </noscript>
</div>

.hatenaring > div > img {
   width: 40px;
}

訂正:子どもセレクタの記号は < でなくて > でした．

子どもセレクタを使ったこの指定は，hatenaring というクラス名の要素の子ども要素の div の子供要素の img は幅が 40 ピクセルっていう指定です．

Internet Explorer はこれが解釈できず無視します．

.hatenaring div img {
   width: 40px;
}

この子孫セレクタを使った指定だと hatenaring というクラス名の要素で中の全ての div 要素 (子孫) の中の，そのまた全ての img 要素 (子孫) が対象です．Internet Explorer もこっちは解釈します．

でもね，こっちだと「はてなリング」の場合は狙っている画像以外の，ロゴ画像をクリックした時に表示されるナビゲーションの為のロゴも大きさが変わっちゃいます．

.hatenaring div img {
   width: 40px;
}

.hatenaring div * img {
   width: 14px;
}

こうすれば Internet Explorer でも，ロゴは 40 ピクセル幅，ナビゲーションのアイコンは 14 ピクセル幅で表示すると思います．

この Internet Explorer が子供セレクタを解釈できない問題の回避策は以下のサイトにありました：

• Lucky bag::blog: IE でも擬似的に子供セレクタ
  http://www.lucky-bag.com/archives/2005/06/simulate_child.html

下で紹介するのは，個々の「はてなリング」の ID を利用して，それぞれ個別に CSS を設定するっていう戦略:

• はてなリングのアイコンがでかすぎる件 - HsbtDiary (2005-11-10)
  http://www.hsbt.org/diary/20051110.html#p01

ぼくは Safari とか Firefox などのターゲットとしている Web ブラウザではそれなりに表示できて，Internet Explorer といったターゲットではない Web ブラウザでも多少違った表示がされても可読であれば問題無しって思っていますんで，Internet Explorer への対策はしないかも．

Permalink Trackback URI http://onohiroki.cycling.jp/tb/tb.cgi/weblog_d20051110n1 TrackBack

「はてなリング」のロゴのでかさとソーシャルネットワークサービスとトラックバック

さてはて，その「はてなリング」ですが，自分の Web サイトにロゴを貼付けるのですが，そのロゴの画像がけっこうでかいです．80 ピクセル四方がデフォルトなのでしょうか?

CSS で次のように書くと，貼付ける「はてなリング」のロゴの画像を任意の大きさにできます:

.hatenaring > div > img {
   width: 40px;
}

ただし，貼付ける部分を hatenaring っていうクラス名の要素で囲まなくちゃならないです．他にもいろいろやり方があるでしょうけど．div 要素で囲むならこんな感じ:

<div class="hatenaring">
   <script type="text/javascript"
     src="http://ring.hatena.ne.jp/showlogo?rid=cycring&amp;sid=1848">
   </script>
   <noscript>
   <a href="http://cycring.ring.hatena.ne.jp/go?type=random&amp;sid=1848">random</a>
   <a href="http://cycring.ring.hatena.ne.jp/">Hatena Ring cycring</a>
   </noscript>
</div>

従来の Web リングのバナーであれば，横長が普通でしたが，はてなリングのロゴの画像が正方形なのは，mixi とかのソーシャルネットワークサービスのコミュニティとかグループとかのアイコンを意識しているからなんでしょうね．

「はてなリング」に期待する「弱い繋がりによるなんとなくコミュニティ」を支援する仕組みとしては，トラックバックをうまく利用する方法を考えてほしいですね．お題を出して，それに対して皆で記事を書いてトラックバックするとか．掲示板にトラックバックできるようにするとか．

Permalink Trackback URI http://onohiroki.cycling.jp/tb/tb.cgi/weblog_d20051109n1 TrackBack

Weblog と はてなリング

オンラインでのコミュニティのカタチが，だんだんと変化して行くのを感じます．個人が Weblog(もしくはブログ) を始める前ほどはメーリングリストって重要ではなくなって来ている気がするのです．何かを書く時にどこに書くか選択があり，大人数が参加しているメーリングリストより，少人数のメーリングリストや自分が運営する掲示板に書いた方が気楽です．さらには自分の Weblog に書いたほうが気楽ですよね．Weblog をちゃんと更新して行くとなるとそれに集中したくなるだろうし．と，考えると，メーリングリストに投稿するよりは Weblog に書いた方が良いという選択って当然出てくると思うのです．そうすると，書き込みはそれぞれの Weblog に分散し，さらにメーリングリストみたいな器がなくなると，コミュニティとしての形が無くなってしまったり．

Weblog を緩やかに繋げて，なんとなくコミュニティとして機能するような仕組みが欲しいなっていうのは，以前から考えていたのです．もしかしたら「はてなリング」がそういう仕組みなのかもしれません．

はじめに「はてなリング」の事を知った時には，今更 Web リングかよって思ったのですが，RSS とか利用していて実は良いかも．

で，さっそく Hatena::Ring::Cycring に参加．サイクリングは Cycling だけど，Ring にかけて cycring なのね．

• はてなリング - サイクリング
  http://cycring.ring.hatena.ne.jp/

はてなには，こういう「弱い繋がりによるなんとなくコミュニティ」を支援する仕組みをどんどんやってほしいです．

Permalink Trackback URI http://onohiroki.cycling.jp/tb/tb.cgi/weblog_d20051108n1 TrackBack

2005 年 10 月のアクセス統計発表とチェーンメールについて

10 月のアクセス解析は，9 月と比べてアクセスはあまり変わらないかな．

• おのひろきおんらいん全体で 353,596 ページビューで，先月の 355,970 ページビューより減少
• 1 日あたりの訪問数は平均 3,257 で，先月の 3,213 より微増
• Web サイトのトップの welcome ページは 60,747 ヒットで，先月の 63,024 ヒットより減少
• 履歴もしくは日誌の RSS は 66,272 ヒットで，先月の 47,947 ヒットよりかなりの増加

http://onohiroki.cycling.jp/ の Welcome ページ(サイトのトップのページ)よりも RSS へのヒット数のほうが多くなりました．

今月は，検索文字列を調べてみました:

前回の 6 月の集計とあまり傾向に違いはありません．でもチェーンメール関係での訪問がさらに増えているようです．

ここ数年で中学生/高校生からのチェーンメールについての相談メールがとても増えたように思います．メールを使い始めるタイミングが中学生/高校生くらいになってきていているのでしょう．怖い内容のチェーンメールを受け取ってそれについて相談というパターンがとても多いです．まぁ，チェーンメールの内容はいたずらの内容です．そんなものを信じるなんておかしいと笑うのは簡単ですが，どうしてチェーンメールがいけないのか，どうしていたずらだと判断できるのか，それらをきちんと説明するのは難しいし，ひとりひとりに対応するのはそれなりに大変です．

毎週チェーンメールに関して何通かメールをやりとりしている状態ですが，もっと組織的に動いたほうがいいのかなぁ．でも，個人が見える/感じられるような形でひとつひとつのメールに対応する人がやっぱり必要だとも思います．さてはて．

Permalink Trackback URI http://onohiroki.cycling.jp/tb/tb.cgi/weblog_d20051107n1 TrackBack