hatena chips

メニューバーの各メニューの幅を均等化してボーダーをつけた。

見た目がちょっとクオリティアップしたかな？IE8以前では、ボーダーは表示されません。

参考にしたサイト
細部にこだわってみた！CSS3を使った美しい横メニューの作り方｜Webpark

メニューのBBSから呼び出す掲示板を FacyBox で呼び出すように変更。

SITE MAP や CONTACT と同様にした。ユーザーにとってはあまり意味がないかも。オーナーの自己満足。

CSS3でページのトップに点光源があるような効果をつけた。

ダーク系のサイトでたまに見かけるデザインですが、たいていは画像で実現してますが、CSS3で実現したのがみそ。box-shadow を使ってますので IE8以前では無効です。

ヒントを得たサイト
Depth

ページトップ点光源デモページ

ページトップ線光源デモページ

SiteMapにサンプルファイルダウンロードボタンをつけた。

サンプルファイルをまとめてダウンロードするときになどに便利かな。って、利用する人は少ないかも。

FC2ブログのオリジナルの検索窓の下に、Googleカスタム検索の窓も付けた。

それぞれ一長一短がありますので、用途に分けて使い分けてください。