新しい記事を書く事で広告が消せます。
新しい記事を書く事で広告が消せます。
こないだテンプレートを作った勢いで、このブログのスキンも改造して、バージョン2に変更しました。前に使っていたスキン（バージョン1）も残っているので、ちょっと手直しして、これもテンプレート登録しようかなぁ・・と思ってたりします。
ただ、なんかデザイナーの性分というか、ただのこだわりかもしれないんですが、特にWEBの世界だと「他人が作った物」っていうのはどうも気に食わないんですよねぇ。自分が作った「世界に1つしかない」デザインっていうのがやっぱり一番です。
というわけなので、似たようなデザインになってしまう過去のテンプレート、どうしようか少し悩んでいたり〜。どーするかなぁ＾＾；
閑話休題−−−−−。
今回使っているスキン、初めてCSSハックってのを利用しました。CSSハックっていうのは、各ブラウザ（IE、Firefox、Opera、Netscape等々）でのデザインの差を埋めるために考案された、いわゆるCSSの裏技みたいなものです。
使えば非常に便利で、たとえばバージョン5.0〜6.0のIEにだけ有効なCSSを設定したり、逆にIE以外のモダンブラウザ（Firefox、Opera等）だけに有効なCSSを設定したりというのが簡単に行えます。
たぶん、昨今のCSSデザインに移行した大規模なサイトでは必ず使われているテクニックなんじゃないでしょうかね(･ω･)
つーわけで以前からCSSハックっていうのは知っていたんですが、どうしても「裏技」っていうのが気にくわなくて使う気になれなかったんですよね。ハックの種類にはいろいろとあるんですが、たとえばその中の1つであるホーリーハックなんていうのを使ったりすると、構文エラーでW3CのCSS Validaterに通らなくなったりもします。
ただ、今回のスキンを作るに当たってどうしても回避できない問題があって、初めてCSSハックを使いました。使ったのはハックとして使っても構文エラーにならない、比較的シンプルな子孫要素ハックというもの。
これはIE以外のモダンブラウザのみに対応するハックで、構文的にも問題無いので、W3CのCSS Validaterにも問題無く通ります。具体的には、
これで、IEでは設定したタグの下部に5pxのマージンが空き、IE以外のモダンブラウザでは、上部に5pxのマージンが空くような感じになります。
一応日付表示の箇所にこんなハックを使って、今回のスキンは作ってみました。
最初は毛嫌いして使ってなかったんですが、よくよく考えたらW3CのCSS Validaterに通る通らないが大事なのではなく、一番大事なのはお客さんの環境すべてで同等に表示されるっていうことなんですよね。
極論で言えば、見る人（エンドユーザ）からしたら構文なんかどうでもよく、要は意図したとおりに表示されているかされていないかだけであって。その部分を、どうに妥協するかがある意味ウェブデザイナーの柔軟性のような気がします。
ValidなHTMLも確かに良いとは思いますが、まずは見る人が何を求めているか、を考えるべきですね。たぶんそれは、未だにtableタグがレイアウトに使われ続けているという話にもつながる気がします。
まずは、見る人の立場を。
・・これからのウェブデザイン、CSSハックは使いまくりでいく予感(･∀･)
CSSハックの詳細は以下のサイトが詳しいです。
BLOG WORLD ENDING
CSS Dancitie
CodeWeb:ブラウザ別CSSハック一覧表
ただ、なんかデザイナーの性分というか、ただのこだわりかもしれないんですが、特にWEBの世界だと「他人が作った物」っていうのはどうも気に食わないんですよねぇ。自分が作った「世界に1つしかない」デザインっていうのがやっぱり一番です。
というわけなので、似たようなデザインになってしまう過去のテンプレート、どうしようか少し悩んでいたり〜。どーするかなぁ＾＾；
閑話休題−−−−−。
今回使っているスキン、初めてCSSハックってのを利用しました。CSSハックっていうのは、各ブラウザ（IE、Firefox、Opera、Netscape等々）でのデザインの差を埋めるために考案された、いわゆるCSSの裏技みたいなものです。
使えば非常に便利で、たとえばバージョン5.0〜6.0のIEにだけ有効なCSSを設定したり、逆にIE以外のモダンブラウザ（Firefox、Opera等）だけに有効なCSSを設定したりというのが簡単に行えます。
たぶん、昨今のCSSデザインに移行した大規模なサイトでは必ず使われているテクニックなんじゃないでしょうかね(･ω･)
つーわけで以前からCSSハックっていうのは知っていたんですが、どうしても「裏技」っていうのが気にくわなくて使う気になれなかったんですよね。ハックの種類にはいろいろとあるんですが、たとえばその中の1つであるホーリーハックなんていうのを使ったりすると、構文エラーでW3CのCSS Validaterに通らなくなったりもします。
ただ、今回のスキンを作るに当たってどうしても回避できない問題があって、初めてCSSハックを使いました。使ったのはハックとして使っても構文エラーにならない、比較的シンプルな子孫要素ハックというもの。
これはIE以外のモダンブラウザのみに対応するハックで、構文的にも問題無いので、W3CのCSS Validaterにも問題無く通ります。具体的には、
.sample {
margin: 0 0 5px;
}
html>.sample {
margin: 5px 0 0;
}
というような感じですかね。margin: 0 0 5px;
}
html>.sample {
margin: 5px 0 0;
}
これで、IEでは設定したタグの下部に5pxのマージンが空き、IE以外のモダンブラウザでは、上部に5pxのマージンが空くような感じになります。
一応日付表示の箇所にこんなハックを使って、今回のスキンは作ってみました。
最初は毛嫌いして使ってなかったんですが、よくよく考えたらW3CのCSS Validaterに通る通らないが大事なのではなく、一番大事なのはお客さんの環境すべてで同等に表示されるっていうことなんですよね。
極論で言えば、見る人（エンドユーザ）からしたら構文なんかどうでもよく、要は意図したとおりに表示されているかされていないかだけであって。その部分を、どうに妥協するかがある意味ウェブデザイナーの柔軟性のような気がします。
ValidなHTMLも確かに良いとは思いますが、まずは見る人が何を求めているか、を考えるべきですね。たぶんそれは、未だにtableタグがレイアウトに使われ続けているという話にもつながる気がします。
まずは、見る人の立場を。
・・これからのウェブデザイン、CSSハックは使いまくりでいく予感(･∀･)
CSSハックの詳細は以下のサイトが詳しいです。
BLOG WORLD ENDING
CSS Dancitie
CodeWeb:ブラウザ別CSSハック一覧表
COMMENTS
suzu
#aaz1Jo1w
2006/08/11 | URL | EDIT
これすごいわかる(･∀･)！
高校のとき身内向けなHPもってたけど、アイコンやらワンポイントやら全部つくってた(´Д` ；)
素材屋回っても万人受けの綺麗目素材ばっかりだし･･･(´･ω･`)
とかそんなことしてたら中身無しのあたまでっかちサイトになりました;y=ｰ( ﾟдﾟ)･∵. ﾀｰﾝ
閉 鎖 。
序曲
#BEDqnMu6
2006/08/12 | URL | EDIT
やっぱりそうだよねー、他人が作ったデザインっていうのに乗っかっているっていうのが、どうしても気にくわないっ！！
自分の物は自分で作る！！って思ったんだけど、気がついたらウェブ以外はいろいろ他人の物使ってたりっ★ てへっ★ミ
('A`)
そういや鈴�鼎魯轡襯弌璽▲�セも作るんだよねー。すげー、オレにもおせーてください(´･ω･`)
mewmew
#VpnqD.X.
2006/09/13 | URL | EDIT
METAL HEARTSも素敵でしたが、このスキンも素敵ですねvv
公開されるのを楽しみにしています。
>未だにtableタグがレイアウトに使われ続けているという話にもつながる気がします。
tableタグで作られたサイトはかなり重いところが多いので、自分で使うのはあまり好きではないんですが、デザイン等を考えると、たしかにtableタグを使っていても、コレは…！と思う素敵なデザインのサイトは沢山ありますよね。
それでは、お邪魔しました。
uho
#-
2006/09/25 | URL | EDIT
序曲@admin
#BEDqnMu6
2006/10/02 | URL | EDIT
ありがとうございます。
このテンプレはまだちょっと試行錯誤中のヤツなので、公開は考えていません〜＾＾；
申し訳ないです。
ちょっとプライベートが落ち着いたらいろいろと公開していこうと思いますので、また見てみてください。