2006.07.18

スタイルシートカスタマイズの事

Weblog(以下ブログ)は私が知っているものだけですが、ほとんどテンプレートファイルとスタイルシート(CSS)の組み合わせでできてます。
そのスタイルシート、これはかなり曲者なんですよね@@;
HTMLで制御していたもの(フォントの種類やサイズ等)を全てCSSで指定していくので、1つ間違えると恐ろしい表示になります。汗
しかも今一番普及しているブラウザ「Interent Explorer」はそのCSS解釈がいわゆる"Web標準"と言われているものから大きく外れています。
その為Web標準に近いFirefox(Geckoエンジンと呼ばれる独自の表示エンジンを使っているブラウザ)やOpera等で表示すると、ページによっては恐ろしくデザインが崩れる場合があります。汗
CSSを使ってサイトを作るとなると「ワープロみたいにサイトを作る」様に簡単にはいきません(早い人は早いと思うんですけどね・・・orz)でも覚えておくに越した事は無いと思います@@
CSSデザインの参考になりそうなサイトはデザイン(構造も)がかっこいいブログ まとめサイトCSSでイケてるデザインサイトリンク集2辺りをあげてみます。
ブログのテンプレート配布を行っているサイトと言う面で小粋空間様も参考になります。
このサイトでもMovable Type版の配布テンプレートを使用させてもらっています。Movable Type以外にも"Serene Bach・sb・FC2ブログ・Seesaaブログ"に対応した同様のテンプレートを配布されています。既存のものを使うより自分でカスタマイズした方が、表記やカスタマイズした意味(ここを変更したらこうなった!等)も身に付きます@@
小粋空間様のテンプレートは表記が分かりやすいので、比較的カスタマイズしやすいのでは?と感じました。その上土台がしっかりしていてシンプルなので、自分なりにいくらでも足していけるんですよね。私は色を変更した程度であまり変わっていませんが。汗
CSSの要素にどんなものがあるのか?はとほほのスタイルシート入門で確認しています。ただ説明の面では私でも「え・・・?」と思う点があるので、単語と要素の確認程度にとどめています。
最後に個人サイトですがJunkline様のMovable Typeテンプレートが非常にかっこいいと思います!なおかつWeb標準に沿っているそうなので、本当に感嘆の一言につきます・・・。

[Web]