CSS Nite in Ginza, Vol.27参加しました

浜さんのセッション内容は「Webの世界に情報発信しよう！」。
ブログを使って自分から何かしら情報を発信することで、
世界が広がるというような内容。

ブログをつけるといってもmixiやtwitterなどではなく、
アメブロやライブドアブログのようにオープンな所でつける事が大事とのこと。

mixiの場合はもちろんmixiに参加していないと見る事ができないし、
「友人までに公開」設定にしているばあい、
情報を発信するという面において不足している。

twitterはぼやきが入るので、ちょっとそれは違う。

アメブロの場合、コミュニティ機能も入ってるので世界が広がりやすいようである。
最後に「ブログを作る時はライブドアブログでよろしく！」と締められた。

小山田さんのセッション内容は「display : inline-block をつかったレイアウト」。
今まで「display:inline」でセンター揃えの出来るflatとして利用していたが、
「display:inline-block」で書いたことは無かった。

縦幅の異なるボックスをfloatした場合、
レイアウトが崩れてしまうのだが、
「display:inline-block」を利用することにより、
レイアウト崩れが解消される。

また、その他のメリットとして、
・中身は display:block が指定されたときと同様
・vertical-align が有効
などが上げられる。

しかし、「display:inline-block」はCSS2.1で定義されているプロパティなので、
FireFox2・IE6・IE7で表現するためには、色々小細工が必要となる。
そのために、余計な<div></div>が一つ増えてしまうのも難点。

↓以下サンプル
------------------------------------------------------
※HTML
<div class="sample"><div>
内容
</div></div>

※CSS
div.sample {
　　width: 300px;
　　display: -moz-inline-box; /*Fx2 and older*/
　　display: inline-block;
　　/display: inline; /*IE 7 and older*/
　　/zoom: 1; /*IE 7 and older*/
}
div.sample > div{
　　width:300px; /*親と同じwidth*/
　　display:block;
}
------------------------------------------------------

更新頻度が高いサイトやCMSのコーディングなど、使いどころはいっぱいありそう。
あと、ちょっとこれ使ってイケてるタグクラウドでも試してみようかなーと思う。