2007-11-01から1ヶ月間の記事一覧

新しい職の創出

「(前略)人が自殺するたびに、はっきりした理由を見つけなければならないとすると、大変なことになる」 「警察の中に、《自殺係》を作らなければならないでしょう」 「《自殺係》の仕事は、自殺者の心理を推し量り、それを第三者にわかるように明確に文章…

あなたはいつ死にますか?

「明日死ぬとしたら、生き方が変わるんですか?」文字だから想像するほかないけれど、苗場さんの口調は丁寧だったに違いない。「あなたの今の生き方は、どれくらい生きるつもりの生き方なんですか?」梅田望夫『ウェブ時代をゆく ─いかに働き、いかに学ぶか …

あなたの人生30%OFF

あなたの人生が6時間で変わります。 今なら1日先着3名限定、30%OFF! て、広告を、見間違えた。安い人生。……。

その18・水平線の変更、公開

水平線の指定を変更しました。 hr { background-color: #cacec8; background-image: url(http://f.hatena.ne.jp/images/fotolife/y/ymd-y/20071127/20071127204440.jpg); background-repeat: no-repeat; border-style: none; border-bottom: solid 2px #4d53…

その17・その他いろいろ

abbr, acronym { border-bottom: dashed 2px 73c47f; } kbd { padding: 0.2em; border: outset medium #a3e0e3; } code, samp { color: #237800; background-color: #f8f8e8; font-family: monospace; } i { font-style: italic; } b { font-weight: bold; }…

その16・はてなダイアリー独自クラス3

「前の日」「次の日」とかのナビゲーション。余白調整のみ。 div.calendar { margin: 1em 0; }はてなモジュール。 div.hatena-module { margin: 0.5em 5%; padding: 0.5em; border-left: dotted 2px #006090; } div.hatena-moduletitle { color: #006090; ba…

その15・はてなダイアリー独自クラス2

検索結果のハイライト。黄色地になっております。 span.highlight { color: #203040; background-color: #ffff55; }コメント欄。1コメントごとに左に緑線。 div.comment { margin: 0 0 1em 1em; } div.commentshort p { border-left: solid 5px #7f9173; pad…

筋肉痛中

翌日に筋肉痛になったのはよいことですが、なんで腕じゃなくて足? それとも腕は明日ですか? ところで去年の勤労感謝の日にも同じこと(本棚組み立て)やってた。で、もうやらないって書いてた。あれ。 一昨年は休日出勤して愚痴ってますな。 働かずに済む…

本棚を組み立てる

腕が痛いー。ちからつきた…… 出来はともかくとして、できたよー。あんまり疲れたので、自分で自分を褒めることにする。 えらい!私! がんばった!私! よくやった!私! ……ほめことばがこれ以上思いつかないー。

本棚届いた

届いてしまった。 来月上旬っていってたのに。 帰宅したら「送ったよ」メールが来てて、ありゃ、早まったな、と思ったら、もう来た。 ……えーと、やっぱり、組み立てなきゃダメなのか、これは。だよなあ、私がやるんだよなあ。ええー?

その14・はてなダイアリー独自クラス1

はてなダイアリーじゃなくても使えるようにつくってから、独自クラス対応にしようかと思ってたんですけど、いいかげんあきてきたのでー。あと締切が。締切が。間に合うんだろーか、前のキャンペーンだって、締切の数十秒前に応募なんてことをしてるんですよ…

その13・訂正、追加、水平線

delは訂正、取り消し線を引きます。insは追加、下線を引きます。多くのブラウザのデフォルトと同じだと思いますが。 del { text-decoration: line-through; } ins { text-decoration: underline; }hrは水平線。 hr { margin: 2em 40%; padding: 3px; border-…

その12・表

table、表です。これまた私はほとんど使わないんですが……って思ったら、考えてみればヘッダのところがテーブルなんでした。なんだかおかしなことになったので細いヘッダに変更しておきます……。 table { margin: 0.7em 1%; border: solid 1px #555555; } th, …

……2ヵ月後

片付けをするよ宣言をしてから2ヶ月。 ……2ヶ月。 えーと。 …………。 にゃ、にゃー。 ……。 いや、本棚は注文中ですよ、12月上旬になるとか……。 それはいいんだけど、寒くなってきたので動きが鈍くなって、またびみょうに、エントロピーが増大しているような……よ…

守るもの

『他人を拒絶することは、最も原始的な防衛手段の一つだ。君はいったい何を守る?』 ……人が、自分と自分でないものを区別するのは、自分を守るためだと思う。 自分ひとりじゃ自分を守れないので、自分と近しい者も自分のうち、にして、守りあう。 近しい、と…

その11・定義リスト

dlは定義リストなのです。私はあんまり使わないのですが……。 dl { margin: 0.5em 1%; } dt { font-weight: bold; margin: 0; padding: 0.2em 0.5em; border: solid 1px #731417; border-style: solid none none solid; } dd { margin-left: 1em; padding: 0.…

その10・リスト

ulが非順列リストで、olが順列リストなのです。 ul, ol { margin: 0.5em 1%; } li { margin: 0.5em 0; } ul, ul ul ul ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } ol, ol ol ol ol { list-st…

その9・整形済みテキスト

preは整形済みテキスト、このCSSを書いている、まさにここ↓。 pre { color: #237800; background-color: #f8f8e8; font-family: monospace; padding: 1em; margin: 0.5em 1%; border: solid 1px #938c00; }……なんだか色がどんどんみょうになっていくな。だい…

その8・引用

blockquoteは引用なのです。qも引用だけど、部分的というか文中に使うやつ(はてなダイアリーでは意識して使っている人以外は使ってないと思う)。citeは出典。blockquoteの最後の行についてる(ことがある)リンク部分がこれです(リンクじゃなくても使うん…

「ふつう」という呪い

この呪いには二種類あって、ひとつは「ふつうでしかない」という呪い、もうひとつは「ふつうであれない」という呪いです。 厄介なのは、両方、同時にかかってしまう、ということです。器用ですね。 自分でも、自分が「ふつう」なんだか「ふつう」でないのか…

その7・h4とh5とh6(小見出し)

ようするに、番号が大きくなるほど小さな見出しになっていくのですけど。h5は使ったことないし、h6は……使えない、のか? いちおう指定はいたしますが……。 h4 { color: #004070; background-color: transparent; font-weight: bold; font-size: 1.1em; paddin…

卵と呪いと名前

理系の女の子の取扱説明書 - 毛の生えたようなもの ……そうですねえ、私の知っているある理系女子は、ひとの弁当の黒豆を指してこう言いました。 「ゴキブリの卵ってそんなんだよ」 と。 この呪いのせいで、私は黒豆を見るたびに「ゴキブリの卵……」と思ってし…

その6・h3(記事タイトル)

h3は、はてなダイアリーでは記事タイトルになります。 h3 { color: #006090; background-color: transparent; font-weight: bold; font-size: 1.2em; text-align: left; padding: 0.2em 1em; margin: 0.5em 0; } h3 a:link, h3 a:visited, h3 a:hover { colo…

その5・リンクとh2(日付)

日記タイトルの次に大きな見出し、h2の指定をしますが、その前にリンク(a)の指定を。とりあえず、未訪問は青、訪問済は紫という定石に従っておきます(紫というよりはだいぶ灰色だけど……)。 a:link { /* 未訪問リンク */ color: #102090; background-colo…

その4・強調とタイトル

em(強調)は太字にします。 strong(より強い強調)は、太字にした上に、文字を大きめにします。 em { font-weight: bolder; } strong { font-weight: bolder; font-size: 1.2em; }で、タイトル。というか、いちばん大きな見出しであるh1。そろそろ色を決め…

その3・段落

pは段落。 p { padding: 0; margin: 0.5em 0; }まだまだあんまりかわらない……。

バランス

書き手に「読者に読ませない権利」はあるのか - TERRAZINE 今回の騒動(?)については、つっこむつもりがないので、表題についてだけ。というかブクマコメントしたんですけど↓。書ききれないので。 権利っていうか。一度公開したものを完全消去することは不…

その2・bodyの指定

なんにもスタイルを指定してないときは、ブラウザのデフォルトのスタイルが適用されるわけで、それはブラウザごとにちょっと違う。ので、それをリセットする、ということを、ふつうはするらしいんだけど……ま、いいや(ほんとはよくない)。でも斜体はあんま…

スタイルシートをいちから書いてみる・その1

一日一行で。いきあたりばったりで。(いつできるんだ……) いや、前からやろうと思ってたんだけど、なかなか……こういうときはネタにしてしまえばよいのだと気づいた。 まずは現在のテーマをオフにする。ヘッダはとりあえず白。 さっそく一行も書いてません!…

「ふつう」なときは沈黙する

『ウェブ時代をゆく』はくれないらしいので、買うよー。そのうち。 前に、ネットに接しない人は、リンクがわかってないんだ、って気づいてびっくりした、と書きましたが。 その人に、「いい眼医者を調べられない?」って訊かれて、「ああ、それはちょっと無…