JavaScriptで:activeを表現する - colorhythm
linker journalの「画像置換について考えてみました」にコメントした内容が間違っていたので、訂正記事を書いておく。 以下、自分がコメントした内容。 a要素の画像置換に限定して言えば、JavaScriptだけでは:activeと:focusダイナミック擬似クラスを表現できません。 :activeダイナミック擬似クラスに関しては、JavaScriptでも表現できる。サンプルを作ったので、実際に確かめてほしい。 よくあるロールオーバーのスクリプトに、onmousedown/onmouseupイベントを追加しただけだ。主要なモダンブラウザで問題なく動作するのを確認した。 :focusダイナミック擬似クラスは自分の知識ではできなかった。kotarokさんがコメント欄で「onfocusイベントで表現できる」と書いてあるが、img要素にonfocusイベントは指定できないはず。どうやって実装し
Graceful DegradationとProgressive Enhancementの実践 | Web標準Blog | ミツエーリンクス
Chris Heilmanによる“Graceful degradation versus progressive enhancement”という記事について、前回は概要とその意義について紹介しました。今回は後半にあるの例をもとに、どのように実践していくのかを考えてみたいと思います。 「印刷する」というリンク オンラインショッピングの決済画面には、印刷して手元に保管したいというニーズがあるからか「印刷する」といったリンクやボタンが設けられています。クリックしたときに印刷用ページが現れるものもありますが、記事では印刷ダイアログが現れる簡単なものを取り上げています。 このようなリンクは、JavaScriptにより実現されています。 <p id="printthis"> <a href="javascript:windowprint()">Print this page</a> </p> しかしな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
