雑記帖

■ [iPod]

via. http://sho.tdiary.net/20050317.html#c01

http://www.pawasapo.co.jp/products/ipod/default_s.php

■ [秋葉原]

花粉にやられる

同人誌ちょっと多め

昼ジロー

茶JAM

あちこちから電話もあったさっさと帰宅

■ [マリみて]「不器用姫」Cobalt４月号

読みました。

とりあえず、今度の新刊と同じでジャケで中身は推測できない。新刊は読んでいないんで当然判らんのですが…　まあ、表紙から想像できないことはタイトルからも判別済みということで…

■ [Days]夜勤

起きたとたんに鼻水です。目も痒いし。

飯食って、風呂入って、通常出勤。って、時間無いじゃん。早くせねば…

■ [misc][Web]角を丸くする

最近流行っているのか、所々で目にした、ボックス要素の角を丸くする方法。

角が丸くなったボックス要素を作るのって大概は画像を使って強引に丸く見せているんです。と、いうか、ワシはそれしか知らなかったのだけどね、Nifty Cornersっていうテクニック*1では、画像無しで角を丸くしている。それは凄いっていうんで、リンク元を見たら英語だった(^^;　ちょいと時間があったんで、翻訳使って読んで、ココにも書いてみたんだけど。

いや、まあ、確かに出来ることはわかったんだけどさぁ。実際に入力してみると、美しくない。

出来あがりを見ると感動できるのだけど、入力したソースを読むと感動が半減というか、呆れてしまう。

でも、考えついた人は、画像付き角丸を考えた人くらいに、凄いよなぁ。

実際に使う時はJavaScriptを持ってきて使ってしまうのだろうから、何となく嫌な感じであることすら気が付かないとは思うのだけど、それでも、やっぱり何となく嫌かも。

<style>
#r_kado {background: #f80;margin: 1em;width: 8em}
#r_kado p {background: #f80;margin: 1em;text-align: center}
.rtop, .rbottom{display: block;background: #fefefe}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;background: #f80}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 
</style>
<div id="r_kado">
<span class="rtop"><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span>
<p>マヤ商会</p>
<span class="rbottom"><span class="r4"></span><span class="r3"></span><span class="r2"></span><span class="r1"></span></span>
</div>

■ ちなみに

上の話、リンク元ではspan要素がb要素になってます。最初サンプルを読んだ時は、b要素の新しく発見されたバグを使っているのかと思ったのですが、どうも、ただ単純に短い要素名を用いたかっただけのようです。流石にソコまでそのまま書くのは気がひけたのでspan要素に書き換えてます。