alt属性はいかに決定されるべきか | Takazudo Clipping*
画像を閲覧できないユーザーでも内容を把握できるようにalt属性をつけましょうとは言うが、実際にはどのようにつけたらよいのかが実はかなりわからない。さらに納品前になんじゃこのalt！と突っ込まれる・・・。色々話し合ったりググったりした末にでた自分結論はこんなの。 前提 画像OFFのユーザー・音声ブラウザのユーザーが、画像の代わりにそのaltテキストが表示されても、ページ内容が分かる。但し、100%の情報を伝える必要があるわけでもない。そこに何の画像があるのかが伝わり、ページ内容を把握できる。 画像の中に文字がある場合
first-childっぽい効果をネガティブマージンで実現 | Takazudo Clipping*
first-childっぽい効果を、first-childや、余分なclass付加なしで実現しようという話です。すごい地味Tipsですが・・・。 例えばこんなものを作りたいとします。 リストの間に線が入っているというデザイン。コレを組むときにどうするか。こんな感じでul / li で組むとして、borderを上か下につけようとか思っていた場合、最初か最後についてしまう、余分なボーダーをなんとかせねばならぬ。 <ul> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> </ul> まず、考えられるのは、liの上にborderをつけ、li:first-childで、最初のリストだけborder-top:none;などを指定して、何とかする方法。しかし、IE6はfirst-
矢印にもリンクさせよう | Takazudo Clipping*
ダミーのリンク ↑こんな、liにbackground指定したリンクがよくありますけど、矢印にもリンクさせた方がたぶん親切です。こんな感じにすると矢印もリンクできます。 ul.NL li{ text-indent:-12px; } ul.NL li a{ padding:0 0 0 12px; } <ul class="NL"> <li><a href="#">hogehoge</a></li> </ul> これをやるとこんな感じ↓に。 ダミーのリンク ダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミーのリンクダミー（後ろのテキスト） デザインにもよるけど、aをdisplay:blockにすると、右の何もない余白もクリックできてしまってなんか嫌。これならばうしろにリンクさせないテキス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
