ブログデザインをリニューアルしました

ブログデザインをリニューアルしました

もう既に昨日になりますがこのブログのデザインをリニューアルしました。(PC版のみですが)

理由はいくつかあるのですが、まず以前のデザインに飽きていたと言うのがありますw

過去のエントリなども、大体大丈夫だとは思いますが「ここデザイン崩れてるよ!」等ありましたらコメントやメールなどで教えていただけると幸いです。

デザインコンセプト

今回考えたのは以下の4点。

  • デザインは出しゃばりすぎずシンプルに、かつできるだけ上品にする
  • 以前のデザイン以降、新しく追加された機能にできるだけ対応しつつ、それらをさりげなくさせる(仰々しくさせない)
  • ブラウザによって見た目がかわっても良いので、よりエンハンスメントなスタイルにする
  • jQuery を少しだけ覚えたのでそれを使ってゴニョゴニョする

それぞれ簡単に説明すると・・・

デザインは出しゃばりすぎずシンプルに、かつできるだけ上品にする

以前のデザインで気になっていたのは、全体的にブルーが強すぎてそれ以外の物が置きにくかった点です。

そのため今回は全体を薄いグレーでまとめ、それぞれのパーツもあまり濃い色にはしませんでした。

色々薄すぎるかどうか、な部分ももちろんあるのですが個人的にはぎりぎりのライン。そしてそれが薄すぎて見えなくても困らないようには配慮したつもりです。

新しく追加された機能にできるだけ対応しつつ、それらをさりげなくさせる

新しく追加された機能とは

などです。

特にクリップコメントはコメントやトラックバックなどと同じような表示で馴染ませることができたので満足していますw

ブラウザによって見た目がかわっても良いので、よりエンハンスメントなスタイルにする

ある意味メインだったりしますw

CSSサポートが未熟なブラウザでも最低限のスタイルは保ちつつ、より多くのスタイルをサポートしているブラウザでは、よりリッチなスタイルを提供できるようにしてみました。

具体的には border-radiusRGBAbox-shadow などですね。

そのためブラウザによって表示が異なるはずです。

個人的なおすすめは Safari、もしくは Firefox 3.1 Beta です。

ちなみに Google Chrome が Webkit 使ってるくせに CSS のバグがあるのは何とかならないですかね?

jQuery を少しだけ覚えたのでそれを使ってゴニョゴニョする

少しだけゴニョゴニョしてますw まぁ、主にプラグイン使って程度ですけど。

今回使用したプラグインは

とか、そんな感じです。

ブログネタ
ライブドアブログのカスタマイズ に参加中!

ads by LinkShare



About Author
trackfeed
feed meter
人気ブログランキング - Forest.Kの徒然日記
track word
あわせて読みたい
あわせて読みたい
解析
Firefox meter Chrome Counter Firefox3 Meter


特集 & 限定アルバム
iTunes Store Top Songs
iTunes Store Top Albums
  •  iTunes Store(Japan)