化学系メーカー研究職です

タスク管理、TaskChute、Evernote、ライフハックに関するブログです。

スポンサーサイト はてなブックマーク - スポンサーサイト   

--/--/--
--. --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[edit]

CM: --
TB: --

page top

ブログのデザインを変更してみました はてなブックマーク - ブログのデザインを変更してみました   

2011/01/30
Sun. 22:42

シンプル系のデザインにしたいと常々思っていたので、この週末で変更しちゃいました。

今回のデザイン変更でこだわったポイントは、
(1)白ベースのシンプルな配色
(2)サイドバーは右、コンテンツ部分のカラムは横幅が広いもの
(3)GoogleChromeの拡張機能「AutoPager Chrome」をインストールしていても、デザインが崩れない。
の3つです。

(1)白ベースのシンプルな配色

やはり訪問者が読みやすいブログにしたいと考えたのが理由です。
それに、ブログの内容的にモノトーン系が似合うかなーと思ったので。
前のも一応白ベースでしたが、バーの配色のオレンジがやっぱり気になってしまいました。

(2)サイドバーは右、コンテンツ部分のカラムは横幅が広いもの

これはサイトを見た瞬間にまずコンテンツに目が行って欲しいからですね。
日本語の横書きは左からはじまるので、コンテンツを左カラム、サイドバーを右カラムにしました。

(3)AutoPagerをインストールしていてもデザインが崩れない。

今回一番苦労したのはここです。

テンプレートによってはAutoPagerによってサイドバーがページ下部に落とされてしまう現象に今回遭遇しまして、HTMLをいじってなんとか回避できないかと試みたのですが、うまくいきませんでした…
なので結局、AutoPagerに落とされないテンプレートを選びました。

訪問者がAutoPagerをOFFにすれば正常に表示されることはわかっています。でも、AutoPagerを愛用している自分としては、訪問者がサイトによってON/OFFの切り替えなんかしたくないことが容易に想像できるので、やはり訪問者視点で解決したいと考えてこだわった次第です。

それに何が原因としても、サイドバーが落ちてるブログを読みたいと思う人なんかいないでしょうから。

(4)おまけ
「Follow me」バッジの色をEvernote色にしてみました!
EvernoteのClip to Evernoteと同じ緑です。
ちょっとしたこだわり。ちなみにこの色のRGBは「#6FB536」です。
関連記事
スポンサーサイト

[edit]

CM: 0
TB: 0

page top

この記事に対するコメント

page top

コメントの投稿

Secret

page top

トラックバック

トラックバックURL
→http://hama73.blog137.fc2.com/tb.php/18-c1171e28
この記事にトラックバックする(FC2ブログユーザー)

page top

2017-11

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。