- 2007年12月23日 04:58
- Impressions | Vicuna | XHTML CSS

年内にあとひとつVicunaのスキンを作るとを目標にしていたので、 今、新しいたたき台用のスキンを作っています。
プロトタイプ系のスキンを作っているときには、「ユーザーはきっとこうしたいと思うだろう」と考えながら作っていて、僕はその頭の中に沸いてくる何人もの仮想ユーザーと会話しながら、安全なCSSの書き方を考え、ときには脳内裁判を開きます。
安全なCSSの書き方というのは、簡単にいうと、「ちょっとやそっとじゃぶっこわれなく、かっこいい」 書き方で、それが実践できたスキンは、丈夫なデザインになります。「おそらくここの幅を変更したいと思う人は多いだろう」とピンとくれば、幅を変更しても「ぶっこわれなく」します。 「ここに背景色をつけたらかっけーと思う人は多いだろう」とピンとくれば、background-colorを設定したとき(ボックスが可視化したとき)に、ユーザーが予想したようになるようにと、あらかじめmarginやpaddingを設定しておきます。
でも、それがおせっかいすぎると、CSSの記述が冗長になったり、他の仮想ユーザーの要望とバッティングすることもあります。そしてそういうときに突然、脳内裁判がはじまります。
裁判は、ある要望をもつ仮想ユーザーと、別の要望を持つ仮想ユーザー、閲覧者の代表と、CSS組合の組合員、各ブラウザの顧問弁護士、そして、裁判長である僕という、ちょっと変な構成で進められます。裁判中、僕の席には小さなモニターが置いてあり、常に緑の三角形が映されていて、3つの角にはそれぞれ「ユーザー (Vicunaの使用者)」,「閲覧者」,「安定性」という文字がゴシック体で書かれています。僕は、その三角形が可能な限り巨大な正三角形に近づくようにと、それぞれに発言をお願いします。たまに裁判は中断され、ニコニコ動画が流されます。判決まで早くて10秒、長いときは数日かかります。また、一度判決の下された問題が、寝て起きたら控訴されていることもあり、最高裁までいった場合は、必ずどちらかに極端に不利な判決になるります。(通例
この、裁判に負けた側の仮想ユーザーの要望が、実際に実在のユーザーの要望としてフォーラムに書き込まれたとき、僕はぞっとし、申し訳なさでいっぱいになります。そして、なぜか不思議とその実在のユーザーへの返答がきつい文章になってしまい、なんども書き直して優しい文面になるように調整します。理由はよくわかりません・・・。 ねむいぞ、おやすみなさい。
- Newer: 理想のCSSスキンのかたちを求めて
- Older: 問題: 重要な部分を抜き出せ! (国語)
Comments:5
- HDRiな生活 2007年12月24日 03:24
とても、助かっております、裁判長様(陪審
- 大ファン 2007年12月24日 10:47
>年内にあとひとつVicunaのスキンを作るとを目標
この文字を見た瞬間思わず「やた!」と声を出してしまいました。
今年は不運続きだったので、神様からのプレゼントだと思い込みます。ちなみに私はどっち側のユーザにもなれます。文句なんて滅相も無いとです。
- k 2007年12月25日 01:06
(初めましてではありませんので初めましては言いません)
wu-tangさん、いつも楽しく拝見してます。とても勉強になる事ばかりです。
とても小さなツマラナイ事なのですが目に止まってしまったので、初commentさせて下さい。
この記事の中で使われている画像のaltが下記のように閉じられていないように見えます。
----
<img src="http://3ping.org/2007/12/23/img/bugari.gif" alt="バグあり! width="228" height="123" />
----私の環境の問題だったり、わざとだったり、気にしないようであればスルーして下さい。
それでは、これからも精力的に頑張って下さい。
:-)
- wu 2007年12月25日 16:25
kさん、こんにちは。その名前で呼ばれるのも久々です。
ソースを確認したら、まさにバグあり!でした orz...
(これは、わざとじゃありませんでした)
無事修正の運びとなりました。ありがとうございます!これからも見に来て、そしてまた何か思うところがあったらコメントしてください!
- wu 2007年12月25日 17:58
HDRiな生活さん, 大ファンさん
書き込みありがとうございます!ということは、Vicunaユーザーさんですね!
丁度新しい記事で面白いスキンを暫定公開したので、触ってみてくださいね!大ファンさん、きっと来年はいいことがありますよ!
暫定スキンは裁判長、兼、おじサンタである僕からの贈り物です!
Trackbacks:0
- TrackBack URL for this entry
- http://3ping.org/mt2/mt-tb.cgi/111
- Listed below are links to weblogs that reference
- CSS 脳内裁判 from 3.5ping.org
