このサイトの誕生日

このサイト始めてから今日でちょうど 1 年が経った。1 年なんてホントあっという間なのね。つうことで、とりあえず上っ面の雰囲気を変えてみた。

今月に入ってから、時間があるときにフォトショップでチマチマとモックアップを作ってたんだけど、如何せん最近は時間がなくてどうにもはかどらなく、納得のいかないまま今日になっちゃった。右サイドカラムの部分なんて何も思いつかなかったんだけど、もういいやって感じで見切り発車。おいおい手を加えていく予定。とりあえず、マック IE は対象ブラウザのスコープからは外してしまったんで、マック IE な環境だと若干しょっぱい感じになってるんだけど、閲覧するにはそれほど障害はないはず。

デザインを変えるにあたって

今回は、最初から使いたい色を決めていた。honeydew3(#C1CDC1) と honeydew4(#838B83) に惚れて、この色をどう使うかって所から膨らませてていった。今回も可変レイアウトな訳だけど、前回は両サイドの余白部分は左右 40px 固定だったのを、両サイドの余白も可変にした。んで、余白可変の場合って、div を増やさずに上左右に影をつけるようとすると激しく面倒。とりあえず、スライスして下図のようにブロック要素に割り当てていった。

newdesign_sample.png

基本的には前回の CSS をベースに弄ってるんで、レイアウト的に大幅な変更は無く、部分部分は前のままだったりするんだけど、そこら辺も時間があるときに変えていきます。多分、所々崩れているとこがあるかもしれないんで、気が向いたら教えてください。ちなみに IE でサイト内検索すると結果ページが崩れてるのは確認済み。

まぁ、そんな感じで良く分からないけど、これからもよろしくおながいします ;-)

この記事についての情報

似た内容の記事

この記事に対するトラックバック

トラックバックURL: https://www.lucky-bag.com/mt/mt-tb.cgi/86

Comments

lomo said:

blogのお誕生日おめでとうございます。
いつもストーカーのように見つめてます。
今回のデザインはオレンジが効いてて色合いもとっても素敵ですね~
ナビゲーションで天使がチラホラ現れるのがとってもかわいい!!

名無し said:

この天使の絵は自作ですか?

すずき said:

あ、いいですね☆やっぱ好きです。
そして誕生日★おめでとうございますっ。

ちなみに僕も明後日リアルに誕生日だったりします。

あ、関係ないですか。。

これからも楽しみにしてまーす。

e-luck said:

>>lomo さん
ありがとうございます :-)
オレンジ、好きな色なんですけど、実際今回使うか迷ったんですよね。目立ち過ぎそうとか思ってたんで。
でも、そう言って頂けて良かったっす。

>>名無し さん
そうですとか言いたい所ですが、あいにく描く時間も画才もないもんで自作ではないです。

>>すずき さん
ありがとうございます。
これからも精進しますです。
あ、お誕生日おめでとうございます :-)

もそ said:

いやぁ、恐ろしく綺麗なデザインですねぇ。
さすが、さすが!
私にはこういう透明感のあるデザインは絶対無理なので、余計に感動してしまいます。

ちなみにワタクシは未だにうまい影のつけかたが良く分かってなかったりします…。
こうやってパーツを分ければ、私にもできるのか?と思いつつ、解説図をのぞいてみたり。

Neo said:

透明感のあるデザインで素晴らしいですね!
最初、海外のカスイケサイトかと思っちゃったぐらいです!
私はPhotoshopとか使えないんで、こういう画像が作れないです…

Noisy said:

お誕生日おめでとうございます。
ていうかこのサイトさんって出来てから一年も経ってなかったのですか…。驚きんぎょ。
これからも頑張ってください。電柱の影から覗いてますので。

e-luck said:

>>もそ さん
どうもです :-)
影はフォトショップのレイヤー効果でつけてますね。
最初はどうスライスするとか考えずにフォトショップでゴリゴリとああでもないこうでもないって。
って、もそさんは Fireworks 派でしたっけ。

>>Neo さん
いやいや、僕もフォトショップはまだまだっす。
海外カスイケとかのフォトショップ使いな人たちには到底適わないっす。

>>Noisy さん
そうなんです、まだ一年なんですよー。
「クールな URI は変わらない」を目指します ;-)

あや said:

お誕生日おめでとうございます!
いつも楽しく読んでます。
前のデザインもかなり、めっちゃ好きでしたが
今回は記事が読みやすいですね!
これからも流行り先取りな楽しい記事とィヶてるデザィン、期待してます!☆★

ところで、Lucky bagのコメント記入時に
名前欄からメルアド欄に飛ぶときなどにTABを押すと
ページ右上の検索窓に飛んじゃうのですが、
私だけでしょうか?WinXPのFirefox 1.0.7を使ってます。
もう一度TABを押せばまたコメントの方に飛ぶし、
ショートカットキーがついてるからそっちを使えばいいだけの話なのですが、
TABの方が慣れてるので、ちょっとびびりました。
…もしかしてこれが普通なんですかね?(^-^;
あんまりわかんないですけど、気が向いたら検証してみてください☆

それでは、これからもがんばってください◎

e-luck said:

>>あや さん
ありがとうございます。
TAB の件、ご報告ありがとうございます。
全然、気づいてませんでした :-P
サイド部分は php でインクルードしているんで、tabindex の値がフォームの部分と被ってしまってる状態でした。
とりあえず、修正しておきました。感謝です :-)

シンヤ said:

うわー、凄いキレイになってますね! 一周年を天使に祝ってもらってるのですね。

私もこうゆうセンスが欲しいです。

e-luck said:

>>シンヤ さん
ありがとうございます。
うーん、センスあるんでしょうか(笑)
そう言って頂けると単純なんで嬉しいっす。