2005 -12-11 ( Sun )

きちんとマークアップしたウェブサイトを作る利点の一つに、「ユーザースタイルシートを使ってもらえる」というのがあります。
文字サイズや行間、色の好みは人それぞれ違います。自分が見やすいと感じる基準に合わない装飾をしているサイトもあるでしょう。そういうときのために「自分好みの体裁を指定したスタイルシート」を作っておいて、使いたいときにそれを当てて閲覧するのです。*1

今までユーザースタイルシートは作っていなかったのですが、30分くらいでちゃちゃっと書いてみました。興味がある方はこちらにアップしておきますので、ご自由に持ち帰って自分好みに色とか変えてみてください。
ご近所が全部同じデザインになっちゃうよ!面白い面白い(マテ)

ユーザースタイルシート(私が読みやすいと感じる基準で作ってます)

More

さて、ユーザースタイルシートを作った理由…
文書構造とか、アクセシビリティにこだわっている人のサイトはページを端から端まで使ったリキッド(可変)デザインにしていることが多いのですが、視線の左右移動が長くてちょっと読みづらいのです。

例えば(名前出して恐縮だけど批判ではないんで)野嵜健秀さんの「闇黒日記」。
勉強になることが沢山書かれていて、多くの人から引用されているためよく拝読するのですが、バリバリのリキッドデザイン+旧かなづかい+白ベースなので目が疲れたりしてるときつい。

仮名遣いに関しては野嵜さんのポリシーなので客が変えろと言うことではないけど*2、CSSに関しては闇黒日記ビューアーという外部サイトもあるくらいなので、時たまユーザースタイルシートを当てて読んでも失礼には当たらないか、むしろこの方は文句を言うくらいなら自分で環境を変えなさいよというスタンスだろうと(^^;

「自分が苦労してデザインしたサイトを崩して見るなんて!」と怒る人もいるでしょうし、私自身も自分のサイトに常にユーザースタイルシートを当てられていたらちょっぴり寂しいです(苦笑)
でも、文字サイズ・ウィンドウサイズも含めて自分に合った閲覧環境を閲覧者側が選択できるというのがWEBの最大の魅力であり、それが嫌なら紙のデザインの方に行くしかないのです。

と言っても、今のウェビンブログはレイアウトに一部テーブルを使ってますし、Flashや画像ボタンも使っているのであまりユーザースタイルシートが効きません。
デザインとアクセシビリティの両立は、やっぱり難しいです。

そういえば、最近の記事で野嵜さんが本文を段落ではなく定義リストにしていることについて

闇黒日記の定義リストは見出しや段落の代用ではない。リストだからリストにしてゐる。それだけの話だ。
さとみちんはなぜ代用だと思つてしまつたのだらう。不思議でならない。野嵜に代用なる意圖はない。さとみちんであつても野嵜の意圖を勝手に決定する事は許されない。

闇黒日記:平成十七年十二月四日

と述べられてますが、ユーザースタイルシートを当ててみてその「意圖(いと、ですよね 汗)」がちょっとだけ判った気がします。あれは「日付」という定義語に対する「その日思ったこと」のリストという考え方でいいのでしょうか。潔くていい感じです*3


*1 Internet Explorerは当てるのが面倒だし、Firefoxでは拡張機能(Web Developer等)を入れていないと使えませんが、Operaはこの辺に力を入れているので、あらかじめ設定しておけばいつでも簡単に切り替えることができます。 ↑戻る

*2 個性的だしなんだかラブリーなので、これはこれでいいとは思います。私は閲覧者の読みやすさを優先しますが(苦笑) ↑戻る

*3 「勝手に決定する事は許されない」っていうところが論客さんらしいというか。私には怖くて言えん。 ↑戻る

Comment

>ユーザースタイルシートを作ってみた

いろいろなデザインやレイアウトのウェブサイトがありますが、ユーザースタイルシートを当てるとみんなほぼ同じような体裁になってしまうことが分かります。
てっぺんにタイトルがあって、見出しと本文があって、メニューリストがある。

WEBデザインを勉強すればするほど、HTML部分はシンプルな構造になっていくものなのです。
つまり新しいウェブサイトを作るときは、前のHTMLを使いまわしているという事実(笑)

>ユーザースタイルシートを作ってみた

確かに使い回しですね(^^;
私のテンプレも改造の改造で画像を変えているだけの様な気もしますし。w
それにスタイルシートを覚えて行くと、タグの種類が減っていく事が分かりますね。
それにブログはある程度、配置の決まりみたいなものがあってそれをみんな変えようとしていないため、一緒なんでしょうね。

>ユーザースタイルシートを作ってみた

はぢめましてっ(ノ∀`●)
テンプレめっさヵゎぃくて
使ゎせてもらぃましたっ!!!!!w
ぁりがと━ござぃますっヾ(゚∀゚○)

>ユーザースタイルシートを作ってみた

はじめまして、ミホ0さん。
「lace_2」を使ってくださってるんですね。
かわいいって言ってもらえて嬉しいです。どうもありがとう(-人-)謝謝

ええと、でも…
まだ中学生のようなので仕方ないのかもしれませんが、初対面の人にお礼の挨拶をするのでしたら、もう少し文体を考慮した方がいいと思います。
ネットはお互いの顔が見えません。相手がどんな人かとかは、文字やネット上の行動で判断するしかないんです。

私はあなたのお母さんより年下だろうし、人のことをいえるほどじゃないんだけど、その辺がかなりババアです。
ネットの交流をはじめるのでしたら、これからいっぱい勉強してくださいね。
Post comment

管理者のみ読めるようにする

Trackback

trackback URL
http://webbingstudio.blog10.fc2.com/tb.php/287-33c390f7
引用して記事を書く(FC2ブログ用)

ユーザースタイルシートを手軽に使っちゃえ

先日、ユーザースタイルシートについての話の中で「ユーザースタイルシートはOpera以外はブラウザの設定が面倒くさい」ということを書きましたが、春木屋・sugさんのクリスマスプレゼン

Read More >>

  • ウェビンブログ
  • 2005-12-27(Tue) 00:34

ブログのテンプレートが崩れて見えないとき 〜受け手は受け身ではないにトラックバックが送られてきた。リンク・言及なし記事で宣伝めいてるけど(あくまでこだわります)、引っかか

Read More >>

  • sugar pot
  • 2005-12-28(Wed) 08:26

What's new