px*blog 2008-06-27T05:28:00+00:00 Serene Bach わたし的、よくやるクラスネーミング http://www.inclover-inc.com/pocket/px/coding/css/eid255.html 2008-06-25T13:15:31+09:00 &lt;div class=&quot;items&quot;&gt;→一覧とかで使う。複数形な名前にするとピンとくる。　　&lt;div class=&quot;item&quot;&gt;→単数形で使う。ここから１ブロックだよ、という目印。 　　　　 &lt;div cl... Profile coding > css <div class="items">→一覧とかで使う。複数形な名前にするとピンとくる。

　　<div class="item">→単数形で使う。ここから１ブロックだよ、という目印。
　　　　 <div class="item_head">ヘッダ的な部分</div>
　　　　 <div class="item_body">内容的な部分
　　　　 　　<div class="item_text">本文的な部分</div>→<p>タグでもいいかもしれない。
　　　　 　　<div class="item_data">データ的な部分</div>
　　　　　 　<div class="item_pict"><img src="img/" /></div>→回り込むなら文章の頭に入れてfloatさせるのがいいけど。
　　　　 </div>
　　　　 <div class="item_foot">フッタ的な部分</div>
　　 </div>

　　 <div class="item">
　　　　 <div class="item_head">ヘッダ的な部分</div>
　　　　 <div class="item_body">内容的な部分
　　　　 　　<div class="item_text">本文的な部分</div>
　　　　 　　<div class="item_data">データ的な部分</div>
　　　　 　　<div class="item_pict"><img src="img/" /></div>
　　　　 </div>
　　　　 <div class="item_foot">フッタ的な部分</div>
　　 </div>

</div>

divで書いてるところは、h2やpやulやliなどになっていっていいと思います。
クラス名が少ない方が、イケてると思ってた時期もあったけど、CMSと連動させたとき、扱いやすいのは、適切なクラス名がついていて、どれだけcss側から、細かい見栄えの変化を動的につけられるかの技量にかかってますね。
上手いコーディングって、そういう観点でいうんじゃないかなって思います。
例えh2やpにしたとしても、クラス名はつけておいたほうが、h2をh3にシフトさせたいときなんかは、クラス名で管理するのが有効だし、 どれだけわかりやすいクラス名のバリエーションを叩きだせるか、かな？と、日々考えが変わってきています。]]> なかなかイケてるブログパーツ http://www.inclover-inc.com/pocket/px/blog/eid254.html 2008-06-21T10:24:32+09:00 【元】映画「ハプニング」ブログパーツ Profile blog > blog parts

【元】映画「ハプニング」ブログパーツ]]> Firefox3にこぞってアップグレードしてみた率直な感想 http://www.inclover-inc.com/pocket/px/browser/eid253.html 2008-06-18T19:32:19+09:00 Firefox3をインストールしてみました。すごい高速で嬉しいです。愛用アドオンが使えなくなって、当分さびしい感じがしますが、そのうちみんな更新してくれるかな？今すぐ困ったのは、ソースプレビューしたとき。c... Profile browser Firefox3をインストールしてみました。
すごい高速で嬉しいです。

愛用アドオンが使えなくなって、当分さびしい感じがしますが、そのうちみんな更新してくれるかな？




今すぐ困ったのは、ソースプレビューしたとき。
ctrl＋マウススクロールの上＝文字サイズ小、
ctrl＋マウススクロールの下＝文字サイズ大、
だったのが、Firefox2の逆になったからびっくり。
不便だぁ。まぁ、直し方くらいあるよね・・・。

あと、普通にブラウザで文字サイズを大小したいとき、IE7と同じ、ズームになるのにはビビりました。おい！ｗ

でも、メニューから「文字サイズだけ変更」にチェックを入れると、今までと同じ挙動になったので、よかったー(・∀・)

-----

ん？やっぱり大小が逆な気がします。。。
きもちわるい。。。]]> iframe用 記事リストテンプレートサンプル http://www.inclover-inc.com/pocket/px/blog/serenebach/eid252.html 2008-06-18T13:09:07+09:00 iframe用 記事リストテンプレートサンプル●メリット・カテゴリごとにアイコンをつけられる●デメリット・iframeを使うということ（ここに引っかかる人は多数いるでしょう）ソースはいたってシンプルです。 Profile blog > serene bach iframe用 記事リストテンプレートサンプル
●メリット
・カテゴリごとにアイコンをつけられる


●デメリット
・iframeを使うということ（ここに引っかかる人は多数いるでしょう）

ソースはいたってシンプルです。

[続きがあります]

]]> 初CSS Nite体験 http://www.inclover-inc.com/pocket/px/blog/movabletype/eid251.html 2008-06-12T08:01:58+09:00 先日、はじめてCSS Niteに参加させていただきました。（MT4LP5 CSS Nite LP, Disk 5）休憩時間に図々しくも、くれま先輩や、関根さんに質問にいったら、とっても親切に教えてくださり、ずーっと気になっていた、W... Profile blog > movable type CSS Niteに参加させていただきました。
（MT4LP5 CSS Nite LP, Disk 5）

休憩時間に図々しくも、くれま先輩や、関根さんに質問にいったら、とっても親切に教えてくださり、ずーっと気になっていた、WordPressでいうところの、プラグイン 「Autolink」的なものが、MT4のpluginでもあると判明☆めっちゃテンション上がりました↑↑
（なんせ、WPのAutolinkも、以前挑戦したとき日本語化がうまくいかなかった悲しい思い出があるので・・・）

このMovableType用KotonohaLinkプラグイン v0.60を開発された関根さんが、教えてくださってるとき、とっても誇らしげだったのが印象的です☆こっちも嬉しくなっちゃいました^^

使わせていただきます☆
ありがとうございました！]]> アンカーリンクの下線が背景余白の下にもついてしまうちょっとした悩み http://www.inclover-inc.com/pocket/px/coding/css/eid250.html 2008-06-06T19:28:27+09:00 こういった感じで、中央揃え＋矢印背景＋（画像＋テキスト）リンクといった組み方をしたとき、Firefoxで、リンク下線が背景部分にあけた余白の下にも律儀についてしまうので、少し見栄えが悪いなぁという悩み。sp... Profile coding > css
こういった感じで、
中央揃え＋矢印背景＋（画像＋テキスト）リンク
といった組み方をしたとき、Firefoxで、リンク下線が背景部分にあけた余白の下にも律儀についてしまうので、少し見栄えが悪いなぁという悩み。
span {
text-align:center;
background: url(arrow.gif) no-repeat 0px 0px;
padding-left:14px;
vertical-align:bottom;
}


vertical-align:bottom;とかを入れると、下線の位置が少し下がるので、不自然じゃなくなります。
とはいっても、主観の問題なので、気にならない方にとってはたいした発見ではないですねｗｗｗ]]> 更新頻度の低いサイトほどRSSフィードを配信した方がいい http://www.inclover-inc.com/pocket/px/blog/eid249.html 2008-06-05T12:44:29+09:00 更新頻度の低いサイトほどRSSフィードを配信しておいたほうがよい・・・彼らがそのブログのフィードをRSSリーダーに登録しているとしよう。彼らは半年間一度もそのブログを訪れることなく、半年ぶりのブログの更新... Profile blog

更新頻度の低いサイトほどRSSフィードを配信しておいたほうがよい

・・・彼らがそのブログのフィードをRSSリーダーに登録しているとしよう。彼らは半年間一度もそのブログを訪れることなく、半年ぶりのブログの更新を即座に知ることができる。「久しぶりに更新された！」という喜びをいち早く味わうことができる。なんてハッピーなんだ。
はげしく共感しました。
逆のことを感じたことすらあります＾＾；

更新頻度が高すぎて、購読を止めたり（笑）

まとめて読もうとか思って、後回しにしていたら、1週間くらいして200件を超えてたりして、そうなると、もはや読む気力もなくなり、とりあえず既読クリックして、読んだことにして流したり。
（とってももったいないコトをしたなぁ感で、後味がちょっと切ないです。）

なので、興味のあるカテゴリーごとに絞ったフィードを配信してくれていると、読みにいく頻度や、購読する内容を、ユーザー側で選別できて嬉しいですよね。

そこまで作りこむのも、だいぶサイト構築の時点で、先読みして作らなくちゃならないですね。

そういえば、以前に、Serene Bachでも、「カテゴリーごと/記事ごとRSS」ていうのが出来るっていう記事を書いた覚えがありますね。
活用できた覚えはあまりないですが。。。(´｀；)]]> Movable typeで、マルチドメインで複数ブログ設置するとき http://www.inclover-inc.com/pocket/px/blog/movabletype/eid248.html 2008-05-24T01:46:32+09:00 Movable typeで、マルチドメインで複数ブログ設置するときつまずいたときのための覚書。コメント投稿しようとしたら「エラーが発生しました。不正な要求です。」と出たり。たぶん以下のことをやると解決した。（と... Profile blog > movable type

コメント投稿しようとしたら
「エラーが発生しました。不正な要求です。」と出たり。
たぶん以下のことをやると解決した。（と思う）


mt-config.cgiの設定【CGIPath】部分をhttp〜にする




ブログ記事をためていく/mtディレクトリの中に、仮想？的なcgiを置く。

（mt本体がない所ね、うまく言えなくてスミマセン汗）



内容は↓↓

#!/usr/bin/perl -w

$DefUrl = 'http://www.xxxxxxxxxxxxx.com/mt/mt-comments.cgi';
$strItem = '';

if($ENV{'REQUEST_METHOD'} eq "POST") {
read(STDIN, $buffer, $ENV{'CONTENT_LENGTH'});
} else {
$buffer = $ENV{'QUERY_STRING'};
}
@pairs = split(/&/, $buffer);
foreach $pair (@pairs){
($name, $value) = split(/=/, $pair);
if($strItem ne "") {
$strItem .= '&';
}
$strItem .= $name.'='.$value;
}
print "Location: ".$DefUrl."?".$strItem."\n\n";
exit;


mt-comments.cgi部分は、各ファイルごとにそのファイル名に書き換える。

・mt-comments.cgi
・mt-feed.cgi（まだチェックしてないけど要ると思う…）
・mt-search.cgi
・mt-tb.cgi（まだチェックしてないけど要ると思う…）]]> Movable Typeフォーラム http://www.inclover-inc.com/pocket/px/blog/movabletype/eid247.html 2008-05-10T16:30:47+09:00 Movable TypeフォーラムMovable Type ユーザによる Movable Type 初心者のためのフォーラムなかなか興味深いフォーラムですね。このフォーラムのテンプレート自体にもとても興味があります。その仕組みもそのうち... Profile blog > movable type Movable Typeフォーラム
Movable Type ユーザによる Movable Type 初心者のためのフォーラム


なかなか興味深いフォーラムですね。
このフォーラムのテンプレート自体にもとても興味があります。その仕組みもそのうち紹介してくださるとか。。。♪

ただ、もう少し早ければ…
MT Forum pluginってのもあったらしいし。もっと早く知っておけばー。（でも有償だし外国語なのであまり現実味はないのだけど）なにはともあれもう挑戦済みなotogawaなのでした…＾＾；]]> BlogPeople PEOPLE　「Serene Bach に住まう人々」 http://www.inclover-inc.com/pocket/px/blog/serenebach/eid246.html 2008-05-10T16:12:39+09:00 最近、ユーザーも参加できる系の有益な情報サイトがオープンしていってますね。いくつか連続で見つけて、どんなのになるのか楽しみにしています。BlogPeople PEOPLE「BlogPeople PEOPLE」は同じテーマに興味を持っ... Profile blog > serene bach BlogPeople PEOPLE
「BlogPeople PEOPLE」は同じテーマに興味を持っている人々をリンクします。「PEOPLE」の話題の参加して関連記事を書けば、その後は自動でその記事がピックアップされ掲載されます。

さっそく、「Serene Bach に住まう人々」に参加申請してみました。




下は、リンクリストが表示されるらしいので、ソースを貼ってみました。
Powered by BlogPeople
]]>