Home > Impressions | Vicuna | XHTML CSS > CSS 脳内裁判

CSS 脳内裁判

バグあり!

年内にあとひとつVicunaのスキンを作るとを目標にしていたので、 今、新しいたたき台用のスキンを作っています。

プロトタイプ系のスキンを作っているときには、「ユーザーはきっとこうしたいと思うだろう」と考えながら作っていて、僕はその頭の中に沸いてくる何人もの仮想ユーザーと会話しながら、安全なCSSの書き方を考え、ときには脳内裁判を開きます。

安全なCSSの書き方というのは、簡単にいうと、「ちょっとやそっとじゃぶっこわれなく、かっこいい」 書き方で、それが実践できたスキンは、丈夫なデザインになります。「おそらくここの幅を変更したいと思う人は多いだろう」とピンとくれば、幅を変更しても「ぶっこわれなく」します。 「ここに背景色をつけたらかっけーと思う人は多いだろう」とピンとくれば、background-colorを設定したとき(ボックスが可視化したとき)に、ユーザーが予想したようになるようにと、あらかじめmarginやpaddingを設定しておきます。

でも、それがおせっかいすぎると、CSSの記述が冗長になったり、他の仮想ユーザーの要望とバッティングすることもあります。そしてそういうときに突然、脳内裁判がはじまります。

裁判は、ある要望をもつ仮想ユーザーと、別の要望を持つ仮想ユーザー、閲覧者の代表と、CSS組合の組合員、各ブラウザの顧問弁護士、そして、裁判長である僕という、ちょっと変な構成で進められます。裁判中、僕の席には小さなモニターが置いてあり、常に緑の三角形が映されていて、3つの角にはそれぞれ「ユーザー (Vicunaの使用者)」,「閲覧者」,「安定性」という文字がゴシック体で書かれています。僕は、その三角形が可能な限り巨大な正三角形に近づくようにと、それぞれに発言をお願いします。たまに裁判は中断され、ニコニコ動画が流されます。判決まで早くて10秒、長いときは数日かかります。また、一度判決の下された問題が、寝て起きたら控訴されていることもあり、最高裁までいった場合は、必ずどちらかに極端に不利な判決になるります。(通例

この、裁判に負けた側の仮想ユーザーの要望が、実際に実在のユーザーの要望としてフォーラムに書き込まれたとき、僕はぞっとし、申し訳なさでいっぱいになります。そして、なぜか不思議とその実在のユーザーへの返答がきつい文章になってしまい、なんども書き直して優しい文面になるように調整します。理由はよくわかりません・・・。 ねむいぞ、おやすみなさい。

Comments:5

Comment Form
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/mt/mt-tb.cgi/111
Listed below are links to weblogs that reference
CSS 脳内裁判 from 3ping.org

Home > Impressions | Vicuna | XHTML CSS > CSS 脳内裁判

Book

実践 Web Standards Design

拙著「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Works

テクノスカレッジ 専門学校

mt.Vicuna x 専門学校

2009年度に向けた学院サイトを制作しました。

Search
Feeds

Return to page top