デザインの自由度は少ないけど、その分サービスが用意するテンプレートの数が豊富で、しかもセンスが良い!
それがgooブログの特徴です。どうせCSSをいじり倒して、ステキなデザインを作る人なんてそんなに多くないでしょうから、僕は現状で結構です。
まぁ、中にはHTML・CSSの知識が豊富で、なおかつ美的センスのいい人もいるでしょから、一年に一度くらい、gooブログテンプレートコンテストなんか開いてくれればいいのに、とか思いますが。
僕はメタルテンプレを長いこと愛用しています。このテンプレ(および空、ポピー、ガーベラ兄弟テンプレ)の表示幅が、1024*768のモニタで、ブラウザを最大化、エクスプローラーバーを適度に表示させた状態ではちょうど良い幅なのです。この兄弟テンプレの中でメタル君を選んでいる理由は、モノトーン調が好きだからです。
欲を言えば、
こんな感じに画像を一切使わないものが良いなぁ、と思っているんですけど……
メタルテンプレの欠点は、本文を表示する部分が完全に固定されていること。エクスローラーバーを非表示にしても、本文のテーブルが広がることがなく、そのために1行に表示される文字数が少なすぎると感じることがあります。そんなことから blockquote タグを使った場合に、引用に使った文章の幅がやたらと狭くなり、非常に読みにくいのです。僕が引用文を表記する際に、blockquote タグではなく、赤の斜体字 を多くつかうのはそんな理由があるのです。
ところで、次々と追加されるテンプレート、僕はしばらくはお好みのものがなかったのですが、先日追加された「植物」テンプレは、僕好みのものが大変多いです。
シンプルで、なおかつ読みやすいものが多い。ノーリーフ、リプサリス、コンシネレインボーの3つは、見た目のセンスは嫌いではないものの、左サイドバーの幅が多すぎて、ちょっと使いにくいですが、その他はなかなかのもの。
特にみどりクローバーとみどり(葉)は僕が久しぶりに使ってみたいと思った良いデザインです。
もちろん、試しに変えてみましたよ。
ところが、ダメなんです!
文章が読みにくいんです!
どして?
そう、行間設定がされていないから。
テキスト主体のWEBサイトの基本ですよ、行間設定。
ちなみにメタルテンプレほか、多くの設定がなされているテンプレの行間設定は200%。
個人的にはちょっと広すぎる気がしなくもないけれど、全く設定がされていないよりはマシです。
実際に表示させて見ましょうか。
いかがでしょうか。
でもそのブログがつかっているCSSを引っ張って中身を読むと、どうやらみどりクローバー他の、行間設定がされていないテンプレでも、実は行間設定がされているみたいなんですよ。
この件については、はじめま略さんのこの記事を読んでみてください。彼が作成した植物テンプレートの一覧によると、どのテンプレにも行間設定200%が記されていますね。しかも実際に表示される文字の大きさまでもが間違ってますよね。
なんで?
ここで、みどりクローバーの、真の姿を披露してみましょう。
まずは2004/11/02現在のみどりクローバーテンプレをそのまま表示させたもの。
クリックで拡大しますよ。

で、今度はヘッダー部分の画像が表示されていないものの、CSSデザインをした方が考えた通りではないだろうかと思われるものです。

こうなるんです。
どうですか?
文字の大きさは好みが別れるかもしれませんが、多くの人は下のほうが読みやすいと思われるのではないでしょうか?
実は下の画像、みどりクローバーテンプレのCSSを引っ張り出し、記事本文部分に実は行間設定が行われていることを確認した上で、キャプチャした記事をHTML形式でダウンロードした物のファイルに、本来書かれているのであろう本文部分の要素を書き入れたものなんです。
要するにCSSでは本文部分(.etBody)に行間設定がされているんですが、デザインのHTMLには本文にあてるべきその要素が、書き忘れたか、わざと書かなかったかなのです。
でもこちらを読む限り、書き忘れだと思うんですけど。
スタッフの皆様、行間設定がされていない他のテンプレートを含めまして、早めの対応お願いいたします。
それがgooブログの特徴です。どうせCSSをいじり倒して、ステキなデザインを作る人なんてそんなに多くないでしょうから、僕は現状で結構です。
まぁ、中にはHTML・CSSの知識が豊富で、なおかつ美的センスのいい人もいるでしょから、一年に一度くらい、gooブログテンプレートコンテストなんか開いてくれればいいのに、とか思いますが。
僕はメタルテンプレを長いこと愛用しています。このテンプレ(および空、ポピー、ガーベラ兄弟テンプレ)の表示幅が、1024*768のモニタで、ブラウザを最大化、エクスプローラーバーを適度に表示させた状態ではちょうど良い幅なのです。この兄弟テンプレの中でメタル君を選んでいる理由は、モノトーン調が好きだからです。
欲を言えば、

メタルテンプレの欠点は、本文を表示する部分が完全に固定されていること。エクスローラーバーを非表示にしても、本文のテーブルが広がることがなく、そのために1行に表示される文字数が少なすぎると感じることがあります。そんなことから blockquote タグを使った場合に、引用に使った文章の幅がやたらと狭くなり、非常に読みにくいのです。僕が引用文を表記する際に、blockquote タグではなく、赤の斜体字 を多くつかうのはそんな理由があるのです。
ところで、次々と追加されるテンプレート、僕はしばらくはお好みのものがなかったのですが、先日追加された「植物」テンプレは、僕好みのものが大変多いです。
シンプルで、なおかつ読みやすいものが多い。ノーリーフ、リプサリス、コンシネレインボーの3つは、見た目のセンスは嫌いではないものの、左サイドバーの幅が多すぎて、ちょっと使いにくいですが、その他はなかなかのもの。
特にみどりクローバーとみどり(葉)は僕が久しぶりに使ってみたいと思った良いデザインです。
もちろん、試しに変えてみましたよ。
ところが、ダメなんです!
文章が読みにくいんです!
どして?
そう、行間設定がされていないから。
テキスト主体のWEBサイトの基本ですよ、行間設定。
ちなみにメタルテンプレほか、多くの設定がなされているテンプレの行間設定は200%。
個人的にはちょっと広すぎる気がしなくもないけれど、全く設定がされていないよりはマシです。
実際に表示させて見ましょうか。
▼ここから行間設定200%です。▼ こんな感じだけどどうかな? 僕はちょっと広すぎだと思うんですけどね。gooブログではデフォルトの扱いっぽいです。あ、まだ文字数が少なくて分かりにくいかな? どうですかどうですか、どうですかーッ! ▲ここまでですよ。▲ |
▼ここからは行間設定150%です。▼ こんな感じになりましたよ。ちょうど良い具合かな? それとももうちょっと狭い方がいいかな? どうだろうね? 僕はこれくらいがちょうど良いかな、と思うんですが。いかがですか、いかがですか、いかがですかーッ! ▲ここまでですよ。▲ |
▼これが行間設定なし▼ こんな感じになりましたよ。読みにくいですよね。どうですか? 僕がよく書くような長文が、行間設定ナシでは読みにくいの、分かっていただけますか? わかるだろ、おいッ! これが読みやすいってか? そんなワケないだろ、コンチクショーッ!!!!! あ、ついコーフンしてしまった、スマンスマン。 ▲ここまでですよ。▲ |
いかがでしょうか。
でもそのブログがつかっているCSSを引っ張って中身を読むと、どうやらみどりクローバー他の、行間設定がされていないテンプレでも、実は行間設定がされているみたいなんですよ。
この件については、はじめま略さんのこの記事を読んでみてください。彼が作成した植物テンプレートの一覧によると、どのテンプレにも行間設定200%が記されていますね。しかも実際に表示される文字の大きさまでもが間違ってますよね。
なんで?
ここで、みどりクローバーの、真の姿を披露してみましょう。
まずは2004/11/02現在のみどりクローバーテンプレをそのまま表示させたもの。
クリックで拡大しますよ。

で、今度はヘッダー部分の画像が表示されていないものの、CSSデザインをした方が考えた通りではないだろうかと思われるものです。

こうなるんです。
どうですか?
文字の大きさは好みが別れるかもしれませんが、多くの人は下のほうが読みやすいと思われるのではないでしょうか?
実は下の画像、みどりクローバーテンプレのCSSを引っ張り出し、記事本文部分に実は行間設定が行われていることを確認した上で、キャプチャした記事をHTML形式でダウンロードした物のファイルに、本来書かれているのであろう本文部分の要素を書き入れたものなんです。
要するにCSSでは本文部分(.etBody)に行間設定がされているんですが、デザインのHTMLには本文にあてるべきその要素が、書き忘れたか、わざと書かなかったかなのです。
でもこちらを読む限り、書き忘れだと思うんですけど。
スタッフの皆様、行間設定がされていない他のテンプレートを含めまして、早めの対応お願いいたします。