2010.03.12 22:54

可変グリッド（リキッド）レイアウト

可変グリッド（リキッド）レイアウト、ちょっと気になってます。

ざっとご紹介。

...見づらいのではないか。
と、今は言いますが、こういうサイトがもっと多くなってきたら、意外と見慣れてきて順応するんじゃないかなぁとも思います。
もちろん、デザインとして情報に強弱があったほうが見やすくわかりやすいという原則はあるはずなので、文字のジャンプ率が低く、フォーマットが統一されているこれらのサイトは、すべての情報が並列に見えがちかなと感じます。

こういう場合は、「写真・枠の大きさ」「色」「表示位置が上なのか下なのか」あたりで、強弱・メリハリつけてく感じなんですかね。
色でのメリハリは出してるサイトはないように思います。日経と丸の内はグルーピングとして色使っているけど。

情報が古いor優先度が低い場合、文字色とか不透明度下げるとかも、意外とおもしろいのではないかと。
枠の形がきっちり決まってる分、それくらいのことやっても耐えられるような気がするんですよね。逆にそうしないと、メリハリつかないのではないかとも。でも、やってないのでわかりません。やってから言えよって自分でも思います。実装してるところがないってことは。割とイマイチなのかもな。。。

なんだかんだ言いましたけど、技術っぽいところや、絵・写真で見せるところが好きなので、自分のサイトのリニューアルの検討の際には一度試しそうな気はしてます。

実装はこれ使わせてもらうかな・・・。

可変グリッドレイアウトのjQueryプラグイン書いたよ

追記：
このデザインは漫画っぽくておもしろい。見やすさどうこうより、雰囲気があっていいなぁ。

あと、文字はほとんどなしにして、写真ギャラリーみたいなのは相性がよさそう。wordpressにテーマとしてあるみたいです。

2010.03.11 22:52

美容室と美容院の違い

ときたま、「美容室」と「美容院」の違いはなんだろうと疑問に思っていたのだけども、答えがほしいなとは思ってなくてずっとモヤってたままだったんですが、今日美容師さんに聞いてみました。

まず、僕が悩んでたのは、みんなどちらを（言葉として）使うだろうか。ってこと。
どうやら美容室が多いみたいです。美容院については、病院と間違いそうだみたいなとこもおっしゃってました。

それでもって、まぁそれはどちらでもいいですよって話なんだけど、問題はなんで２つの言い方になってしまったのか。
これって言語学みたいな話？

お店の中の美容師さんみんなに聞いてくれたけど、案外わからないようで、結局答えはみつからず仕舞いでしたが、それっぽいなと思ったのが、「昔病院で髪を切ってたから、その名残じゃない？」
へー。というか、病院で髪切ってたの？

ますます謎は深まるばかりです。

2010.03.09 17:24

印刷用CSS

あまり印刷用CSSまで用意する機会は少ないけど、今回ちょこっとありいろいろ見てたら、別ファイルにしないで、cssファイルないで、メディアタイプで分けて記述できるんですね。知らなかった（汗

---------------------------

ここにweb用の記述
下の印刷用に書く。など。

@media print{
body{
*zoom:0.7; /*IE67向けにページ幅の調整*/
}

---------------------------

2010.03.02 04:07

年別アーカイブの生成

おそらくできるけど、面倒だろうなぁと思ってた、
MTでの年を見出しにした、月別アーカイブ。
月１回ちょっと手動で更新してたけど、これでOKみたいです。
備忘録。

年を見出しに、月別アーカイブ

<ul>
<MTArchiveList type="Yearly">
<li><MTArchiveDate format="%Y">年</li>
<ul>
<MTArchiveList type="Monthly">
<li><MTArchiveDate format="%m">月</li>
</MTArchiveList>
</ul>
</MTArchiveList>
</ul>

年を見出しに、記事アーカイブ

<MTSetVarBlock name="setThisYear"><$MTDate format="%Y"$></MTSetVarBlock> <MTSetVar name="setEntryYear" value="$setThisYear">
<MTEntries sort_order="descend">

<MTEntriesHeader><h3><MTGetVar name="setEntryYear"></h3>
<ul></MTEntriesHeader>
<MTSetVarBlock name="setEntryYear"><$MTEntryDate format="%Y"$></MTSetVarBlock>
<MTIf name="setThisYear" ne="$setEntryYear">
</ul>
<h3><MTGetVar name="setEntryYear"></h3>
<ul>
<li>
    <$mt:EntryDate format="%Y/%m/%d"$> <a href="<$mt:EntryPermalink$>"><$MTEntryTitle$></a>
</li>
<MTSetVar name="setThisYear" value="$setEntryYear">
<MTElse>
<li>
    <$mt:EntryDate format="%Y/%m/%d"$> <a href="<$mt:EntryPermalink$>"><$MTEntryTitle$></a>
</li>
</MTElse>
</MTIf>
<MTEntriesFooter></ul></MTEntriesFooter>
</MTEntries>