aqua+Css このページをアンテナに追加 RSSフィード

2005-10-30 Up DateVirgin Lord Style

ラベンダー

[] Virgin Lord Style 21:31  Virgin Lord Style - aqua+Css を含むブックマーク はてなブックマーク -  Virgin Lord Style - aqua+Css  Virgin Lord Style - aqua+Css のブックマークコメント

今回のデザインは、新婦を祝福するようなイメージでやってみた。

特徴としては右のサイドバー二本を固定幅で、日記部分がリキッドレイアウト

gifアニメも使ってみたんで、サイドバーのメニューをポイントとしてみて下さいな!

次の予定

サイドバー日記に隣接した左側がブログリンクに、その隣の右サイドバーブログリンクにしていく予定です。

それに伴ってgifアニメも作りなおします。

トラックバック - http://css.g.hatena.ne.jp/aquatail/20051030

2005-07-21 Up Dateウナギの寝床Style

[]ウナギの寝床Style 00:05 ウナギの寝床Style - aqua+Css を含むブックマーク はてなブックマーク - ウナギの寝床Style - aqua+Css ウナギの寝床Style - aqua+Css のブックマークコメント

0003_unagi

ウナギの寝床Style Headerウナギの寝床Style Header

このスタイルは、上から下に流れてゆく情報の流れを、左から右に置き換えたものです。ウナギの寝床Style Footerウナギの寝床Style Footer

ウナギの寝床画像.zip

IEとFireFoxで透過画像を使い分けるために、pngとgifデータが入っています。

ウナギの寝床.css

相性のいいブログスタイルとは?

基本的に横にスクロールした際、次の日記に付けられている見出しイメージ画像を元に、目的の情報を探すとゆう視覚的な検索性の向上を狙って作られたものなので、解りやすい見出しイメージ画像が無ければなりません。

でもって次のようなものが相性がいいっぽい。

観察日記
今日の観察日記と、昨日付けた観察日記を横に並べて変化を見比べることが出来るので、どのような変化をたどっているのかわかりやすい。
料理レシピ
なんとなく相性がよさそう。食材ごとにレシピカテゴリー分けしておけば威力を発揮しそうな気がする?

カスタマイズアイデア

横にスクロールするとゆう、ただでさえ使う人と見る人を選ぶデザインなだけに、もっと見やすさや使い勝手を向上しなければなりません。

そいでもって次のカスタマイズアイデアを作って見たい。

亀の子Style
見た目的には画面内に収まるリキッドデザインで、ふたを開けて見るとウナギの寝床Style。亀の子とゆうよりも、甲羅の中に長い首をしまい込むの所が、四獣の玄武イメージが近いかも?
ベクトルStyle
スクロールバー付近のbackground-imageに矢印画像を設定して、情報の方向性を示す。
トラックバック - http://css.g.hatena.ne.jp/aquatail/20050721

2005-07-07 Up DateたんぽぽStyle

[]たんぽぽStyle 22:31 たんぽぽStyle - aqua+Css を含むブックマーク はてなブックマーク - たんぽぽStyle - aqua+Css たんぽぽStyle - aqua+Css のブックマークコメント

0004_tanpopo

たんぽぽStyle HeaderたんぽぽStyle Header

はてなテーブルのbackground-imageにたんぽぽの画像を指定してお天道様っぽくしました。

ぱっと見、矢印付いてるけど、この下にブログが続くようには見えないですね…

むむぅ…

たんぽぽStyle MainたんぽぽStyle Main

日記本文の右隣にコメントスペースを配置して、日記本文との絡みを狙いました。

ちなみに、左のサイドバーと右のコメントスペースは200pxの固定幅で、センター日記本文はリキッドになっているので、ブラウザの横幅を変えるたびに日記本文の幅も可変します。

たんぽぽStyle FooterたんぽぽStyle Footer

こっそりフッターを自作して囲いを付けました。

たんぽぽ画像.zip

このデザインを作るのに使った画像です。

出来るだけ軽く作るために1px幅で製作しているものが多いです。

自分で混乱しないように、画像名には配置先のidclass名を付けています。

たんぽぽ.css

相性のいいブログスタイルとは?

このスタイルポイントが一番先頭にサイトイメージ画像が表示されるという事と、コメントの絡みを重視している事なので、その辺を活かすことが出来ればなと…

ただし、他のブログサービスでは一番先頭にサイトイメージ画像が表示されるというのは結構当たり前なので、デフォルトはてなテーブルが一番先頭に表示されるはてなオンリースタイルです。

アーティストブログ
一番先頭にサイトイメージ画像が表示されるので、バンドメンやイラストレーター等の個性を主張するアーティストと相性がいいかも。
コメントが多い日記
コメントが多い日記にとってコメンテーターとはもはやサイトの一部と化している。

相反する要素

一番先頭にサイトイメージ画像を表示する事により、リピーターにとっては日記本文にたどり着くまで、毎回めんどくさいスクロールを強いる。

それと、日記本文とコメントが同じタイミングで表示されるため、先にコメントを見た人にネタバレしてしまうケースがある。

サイトイメージを見た瞬間のインパクトと、日記を読み返した際のコメントとの一体感…

活カスか殺スかやなぁ…

トラックバック - http://css.g.hatena.ne.jp/aquatail/20050707