[B! tips][html] Falkyのブックマーク

Falky id:Falky

tipsとhtmlに関するFalkyのブックマーク (3)

まだ中央寄せで消耗してるの？ - @yoshiko_pg
Falky 2015/12/16
マトリクス有用

web-design

css

tips

html

matome
リンク
アイコンの実装方法
ウェブページにおけるアイコンの実装方法はさまざまです。マークアップに img 要素を配置する方法もあるし、CSS から背景画像やアイコン・フォントを使う方法もあります。そういった中からどの方法を採用すべきかを判断するには、HTML Standard の Requirements for providing text to act as an alternative for images にあるとおり、「そのアイコンの意味を伝えるテキストが付随するかどうか」を考える必要があります。テキストが付随しないアイコン家のアイコンだけでホームページへのリンクを表す場合など、ラベルとしてのテキストが存在しないアイコンは、自分自身でその意味を伝える必要があります。こういったアイコンの実装方法は限られていて、ほぼ 1 つしかありません。alt 属性に代替テキストとしてラベルを指定した img 要素をマー
Falky 2014/06/28
ラベルテキストがあればaltは空白『である必要があります』…そうか？例示だとa要素の中だからギリギリわからなくもなさそうだけど…alt省くならラベルテキストは個別マークアップすべきじゃないかなあ

web-design

html

css

tips
リンク
Flashオブジェクトのz-index問題 - COBALT
現象 youtubeを以下のようにロードできる。 <iframe title="YouTube video player" width="450" height="368" src="http://www.youtube.com/embed/動画ID" frameborder="0" allowfullscreen></iframe> こうした場合、読込んだFlashがz-indexを無視して一番上に表示される。 z-inex の有効化 Flash要素にz-indexを有効化させるには一般的に次のように指定する。 <object> <param name="wmode" value="transparent"> <embed src="…" wmode="transparent" /> </object> iframe へのアクセス youtubeの動画にz-indexを指定するため、まず
Falky 2013/05/06
Flashが最前面に表示される問題について。YouTubeのiframe embedの場合ローカルでは手の施しようがないが、実はURLパラメータ?mode=transparentを渡せば、よきに計らってアレしてくれるという話。そうなんだ！

html

css

tips
リンク
1