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> しかしな

[amberjack115]

#GDとPEのアプローチの違い

[kzms2]

グレースフルデグラディションとプログレッシブエンハンスメントについて

[efcl]

Webサイトの印刷について。 JavaScriptを使ってインターフェースを後から組み込む。

[cool_ni_ikou]

Graceful DegradationとProgressive Enhancementの実践 | Web標準Blog | ミツエーリンクス

[hiro_y]

noscript要素を代替として使うのではなく、JavaScriptで機能ボタン自身を表示させる。HTMLにJavaScriptを重ねるという発想。# この手法はたまに使うなぁ。

[teppeis]

スタートラインの差

[forcutie]

印刷

[forestk]

ユーザの立場からすれば前者は滅びれば良いと思っている（jsオフ時など）

[kits]

"js無効ならnoscriptで説明" と "js有効なら印刷ボタンを追加"

[nshash]

UXを考えてプラスから始めるか、usableな最低ラインから始めるか。small usablityを保証する視点は共通しているけど、前者は実際運用段階でそうなるのかな（UA限定主義に傾いちゃわないかな）という不安もあるので後者派

[leva]

UXを考えてプラスから始めるか、usableな最低ラインから始めるか。small usablityを保証する視点は共通しているけど、前者は実際運用段階でそうなるのかな（UA限定主義に傾いちゃわないかな）という不安もあるので後者派