アイコンの実装方法
ウェブページにおけるアイコンの実装方法はさまざまです。マークアップに img 要素を配置する方法もあるし、CSS から背景画像やアイコン・フォントを使う方法もあります。そういった中からどの方法を採用すべきかを判断するには、HTML Standard の Requirements for providing text to act as an alternative for images にあるとおり、「そのアイコンの意味を伝えるテキストが付随するかどうか」を考える必要があります。 テキストが付随しないアイコン 家のアイコンだけでホームページへのリンクを表す場合など、ラベルとしてのテキストが存在しないアイコンは、自分自身でその意味を伝える必要があります。こういったアイコンの実装方法は限られていて、ほぼ 1 つしかありません。alt 属性に代替テキストとしてラベルを指定した img 要素をマー
text-rendering: optimizeLegibility
WordPress の次期デフォルト・テーマ、Twenty Twelve の CSS を見ていたら、body 要素に text-rendering: optimizeLegibility という見慣れないプロパティが指定されていたのでちょっと調べてみました。 The ‘text-rendering’ property – SVG 1.1 (Second Edition) text-rendering | Mozilla Developer Network Cross-browser kerning-pairs & ligatures CSS Text-Rendering | Trent Walton text-rendering プロパティは CSS ではなく SVG の仕様に定義されています。現在のところ利用できるブラウザは Firefox、Chrome、Safari。指定できる値は a
terkel.jp
このブログを始めた理由がどんなものだったか、もう忘れてしまった。これまでブログのおかげで知り合った人もいれば得られた仕事もあり、そのことをありがたく思ってもいるが、かといってそれが目的だったわけではない。誰かの役に立ちたいなどと殊勝なことを考えたわけでもないし、とりたてて世に問いたい主張があったわけでもない。そもそも何か月もなにも書かずに放っておくことも珍しくなく、熱心に取り組んでいるとはとても言えない。 それでも僕はこのブログを手放すつもりはない。ここで僕は誰にも指図されず自由にものを書ける。その自由が自分にはあるのだと思うと、なかなか悪くない気分になる。ここはそういう場所だ。 最新の投稿 rlh単位 2023/12/23 いまのところとてもいい 2023/04/29 千駄木から金沢へ 2023/02/02 ナンバー・ナイン 2022/12/25 2020年版テーマ 2022/12/19
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
