【ブログリンク集】CSS・スタイルシート － ブログのカスタマイズ
2005年12月08日 （木） 23:34
先日実施したアンケートで特に要望が多かったのが、CSS（スタイルシート）の使い方についてでした。
せっかくご要望いただいたので、このブログでも詳しく解説したいところですが、残念ながら私には正確にわかりやすく説明できるほど、CSSについての知識やテクニックがありません。
なので、参考サイトのリンク集を充実させるということでそれに替えたいと思います。
私の調べられる範囲で使いやすくわかりやすそうなところをピックアップしてみましたが、他にもおすすめのところがあればコメント欄に書き込んでいただければと思います。
随時反映していきたいと思います。
せっかくご要望いただいたので、このブログでも詳しく解説したいところですが、残念ながら私には正確にわかりやすく説明できるほど、CSSについての知識やテクニックがありません。
なので、参考サイトのリンク集を充実させるということでそれに替えたいと思います。
私の調べられる範囲で使いやすくわかりやすそうなところをピックアップしてみましたが、他にもおすすめのところがあればコメント欄に書き込んでいただければと思います。
随時反映していきたいと思います。
【 CSSの基礎的な知識 】
■ CSSリファレンス
CSSの基本的な仕組みが説明されています。
初歩的な使い方から具体例を交えて説明されているのでわかりやすいです。
ただし、2001年で更新が止まっているので、内容が最新のCSS仕様と異なっている可能性があります。
■ 超初心者のためのスタイルシート講座
「超初心者」向けをうたっているだけあって、わかりやすいです。
ブログのデザインをいじるくらいなら、ここにある内容をマスターすれば十二分です。
【 CSSのリファレンスサイト 】
■ TAGindex
CSSだけでなく、HTMLタグやカラーチャートも充実した総合リファレンス。
ブログのデザイン作りをするときに私が一番お世話になってるサイトです。
CSSの基礎的な説明はあまりないので、ある程度仕組みがわかってから使うようにすると便利です。
このサイトがあればHTMLとCSSの辞書系の説明本はいらないような気がします。
■ HTMLクイックリファレンス
こちらもCSSとHTMLタグの総合リファレンスサイト。
内容の充実度はTAGindexと甲乙付けがたいので、自分が使いやすいほうをメインに使うといいと思います。
【 応用編 】
■ スタイルシート例文辞典
目的に応じたCSSの例文集です。
だいぶ上級者向けの内容も含まれますが、ここに書いてあることを使いこなせるようになれば相当デザインの幅が広がります。
【 便利ツール 】
■ オンラインCSSエディタ たぬきのしっぽ
自分のブログのデータを読み込んで、オンラインでCSSの変更をシミュレーションできるツールです。
簡単に修正後の結果を確認することができて便利です。
【 ブログごとのカスマイズ指南サイト 】
★総合
■ ブログ::カスタマイズページ集 β版
ブログのカスタマイズテクニックのリンク集です。
個別具体的なカスタマイズ方法や、カスタマイズのやり方を説明しているサイトへのリンクなどがたくさん掲載されています。
★FC2ブログ
■ はじめてのFC2ブログカスタマイズ
FC2ブログ自身が提供しているカスタマイズ講座です。
網羅的ではないですが、実践的な内容が多く、ちょっとしたカスタマイズをするだけなら十分な内容となっています。
マニュアル用のテンプレもあるのでわかりやすいです。
★JUGEM
■ JUGEM CSS講座
JUGEMのオンラインマニュアルです。
テンプレートの作成方法まで説明しているなど、かなり詳しい内容です。
■ JUGEMカスタマイズ講座
CSSについて説明は少なく、HTMLの方のカスタマイズテクニックの解説が主です。
内容は大変充実してるんですが、2004年8月で更新が止まってしまっているのが残念。
★シーサーブログ
■ ブログカスタマイズ
運営者自身がシーサーブログに実際にほどこしたカスタマイズの方法をまとめたサイトです。
シーサーブログ用のスタイルシートを自動作成してくれるツールが便利。
★gooブログ
■ gooブログ － CSS（スタイルシート）の使いかた
gooブログ用のCSSの使い方講座ですが、実際の例を見ながら使い方を学べるので、初心者にはわかりやすくていいです。
gooブログでブログを作ってここに書いてあることを試してみるといいかもしれません。
【 その他 】
■ "デザイン(構造も)がかっこいいブログ@2chブログ板"まとめサイト
CSSとは直接関係ないけど、優れたデザインを持つブログのリンク集です。
ブログのデザインの参考になります。
しかし、初心者がここに掲載されているデザインを目指すのはかなり無茶かも。
■ あるウェブログができるまで - デザイナーがHTMLをSaveする毎のGIFアニメ
まっさらな状態から一つのブログができるまでの遷移を追ったGIFアニメです。どのような手順でブログのデザインが進むかがよくわかります。
■ CSSリファレンス
CSSの基本的な仕組みが説明されています。
初歩的な使い方から具体例を交えて説明されているのでわかりやすいです。
ただし、2001年で更新が止まっているので、内容が最新のCSS仕様と異なっている可能性があります。
■ 超初心者のためのスタイルシート講座
「超初心者」向けをうたっているだけあって、わかりやすいです。
ブログのデザインをいじるくらいなら、ここにある内容をマスターすれば十二分です。
【 CSSのリファレンスサイト 】
■ TAGindex
CSSだけでなく、HTMLタグやカラーチャートも充実した総合リファレンス。
ブログのデザイン作りをするときに私が一番お世話になってるサイトです。
CSSの基礎的な説明はあまりないので、ある程度仕組みがわかってから使うようにすると便利です。
このサイトがあればHTMLとCSSの辞書系の説明本はいらないような気がします。
■ HTMLクイックリファレンス
こちらもCSSとHTMLタグの総合リファレンスサイト。
内容の充実度はTAGindexと甲乙付けがたいので、自分が使いやすいほうをメインに使うといいと思います。
【 応用編 】
■ スタイルシート例文辞典
目的に応じたCSSの例文集です。
だいぶ上級者向けの内容も含まれますが、ここに書いてあることを使いこなせるようになれば相当デザインの幅が広がります。
【 便利ツール 】
■ オンラインCSSエディタ たぬきのしっぽ
自分のブログのデータを読み込んで、オンラインでCSSの変更をシミュレーションできるツールです。
簡単に修正後の結果を確認することができて便利です。
【 ブログごとのカスマイズ指南サイト 】
★総合
■ ブログ::カスタマイズページ集 β版
ブログのカスタマイズテクニックのリンク集です。
個別具体的なカスタマイズ方法や、カスタマイズのやり方を説明しているサイトへのリンクなどがたくさん掲載されています。
★FC2ブログ
■ はじめてのFC2ブログカスタマイズ
FC2ブログ自身が提供しているカスタマイズ講座です。
網羅的ではないですが、実践的な内容が多く、ちょっとしたカスタマイズをするだけなら十分な内容となっています。
マニュアル用のテンプレもあるのでわかりやすいです。
★JUGEM
■ JUGEM CSS講座
JUGEMのオンラインマニュアルです。
テンプレートの作成方法まで説明しているなど、かなり詳しい内容です。
■ JUGEMカスタマイズ講座
CSSについて説明は少なく、HTMLの方のカスタマイズテクニックの解説が主です。
内容は大変充実してるんですが、2004年8月で更新が止まってしまっているのが残念。
★シーサーブログ
■ ブログカスタマイズ
運営者自身がシーサーブログに実際にほどこしたカスタマイズの方法をまとめたサイトです。
シーサーブログ用のスタイルシートを自動作成してくれるツールが便利。
★gooブログ
■ gooブログ － CSS（スタイルシート）の使いかた
gooブログ用のCSSの使い方講座ですが、実際の例を見ながら使い方を学べるので、初心者にはわかりやすくていいです。
gooブログでブログを作ってここに書いてあることを試してみるといいかもしれません。
【 その他 】
■ "デザイン(構造も)がかっこいいブログ@2chブログ板"まとめサイト
CSSとは直接関係ないけど、優れたデザインを持つブログのリンク集です。
ブログのデザインの参考になります。
しかし、初心者がここに掲載されているデザインを目指すのはかなり無茶かも。
■ あるウェブログができるまで - デザイナーがHTMLをSaveする毎のGIFアニメ
まっさらな状態から一つのブログができるまでの遷移を追ったGIFアニメです。どのような手順でブログのデザインが進むかがよくわかります。
Comments