<< 2008年 7月 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>

わたし的、よくやるクラスネーミング

<div class="items">→一覧とかで使う。複数形な名前にするとピンとくる。

  <div class="item">→単数形で使う。ここから1ブロックだよ、という目印。
     <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にシフトさせたいときなんかは、クラス名で管理するのが有効だし、 どれだけわかりやすいクラス名のバリエーションを叩きだせるか、かな?と、日々考えが変わってきています。

なかなかイケてるブログパーツ



【元】映画「ハプニング」ブログパーツ

Firefox3にこぞってアップグレードしてみた率直な感想

Firefox文字サイズFirefox3をインストールしてみました。
すごい高速で嬉しいです。

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




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

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

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

-----

ん?やっぱり大小が逆な気がします。。。
きもちわるい。。。

iframe用 記事リストテンプレートサンプル

iframe用 記事リストテンプレートサンプル
●メリット
・カテゴリごとにアイコンをつけられる


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

ソースはいたってシンプルです。
続きを読む>>

初CSS Nite体験

先日、はじめてCSS Niteに参加させていただきました。
(MT4LP5 CSS Nite LP, Disk 5)

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

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

使わせていただきます☆
ありがとうございました!
1 2 3 4 5 6 7 8 9 10 /44 >>