問題タブ [progressive-enhancement]

すべての人に役立つウェブサイトをデザインするには真の芸術があり、プログレッシブ エンハンスメントは実際に私にとってマントラです...

ブラウザ、OS、JavaScript、フラッシュ、画面解像度、無効化されたユーザー アクセシビリティなどに関係なく、すべての人が Web サイトを機能させるために使用した最高のトリックは何ですか?

(私は JavaScript とブラウザのトリックについてはよく知っていますが、フラッシュなどについては無知であることを認めます。)

編集: 私は、javascript やフラッシュなしでは単に機能できない RIA であるサイトの 1% について話しているわけではありません。js なしで Google ドキュメントを作成する方法を尋ねているわけではありません。クールなことはできるけど実際には必要ないサイトで、人々が何をしているのか知りたいです。

私は答えとして私自身のいくつかを提供します...

私の 2 つの最優先事項は、プログレッシブ エンハンスメントとインライン編集です。プログレッシブ エンハンスメント ( DataTables ) とインライン編集 ( jqGrid ) を見つけましたが、両方ではありません。jQuery UI テーマのサポートは素晴らしいことですが、優先度は低くなります。

更新: これは、ソリューションが似ていると私が想像している例です。

これは一般的に、エクスペリエンスをクリーンに保ちながらプログレッシブ エンハンスメントを管理する方法ですが、どのくらい安全ですか? 競合状態の可能性はありますか?これは機能しませんか?

単純な抽象的なシナリオを想像してみてください。JavaScript をサポートしている場合は、別の方法で何かを表示したいと考えています。

多くの人は、フレームワークを使用して domready イベントを待ち、そこで変更を行うべきだと主張するかもしれません..しかし、ドキュメントの終了前に 'test' 要素が既にレンダリングされ、css の準備が整い、 domready トリガー.. したがって、「オリジナル」の顕著なちらつきを引き起こします。

このコードは、競合状態の障害を起こしやすいですか? または、要素がスクリプトの前に存在する場合、要素が検出可能で変更可能であることを保証できますか?

前もって感謝します。

わかりました、JavaScript を無効にしてウェブサイトを正常に動作させることが重要であることは承知しています。

私の意見では、そのような Web サイトの設計方法について考え始める 1 つの方法は、ホームページで JavaScript を検出し、それが有効になっていない場合は、JavaScript コードを使用せず、純粋な html (gmail など) で動作する別のバージョンの Web サイトにリダイレクトすることです。

私が念頭に置いている別の方法は、たとえば、Web ページのダイアログ ボックスの X (閉じるボタン) を考えることです。javascript の干渉なしに X を押すとサーバーにリクエストが送信され、サーバー側で次にページをレンダリングするときにそのダイアログを非表示にするとどうなりますか? また、javascript 関数をリンクの onclick にバインドし、 JavaScript を有効にすると、ダイアログが即座に非表示になります。

これについてどう思いますか？両方をサポートする Web サイトをどのように設計しますか?

現在、プログレッシブ エンハンスメントは、javascript を使用するブラウザー (拡張バージョン) と、javascript を使用しないブラウザー (単純なバージョン) に対応しているとほとんどの人が話しています。

しかし、ブラウザー間で JavaScript のパフォーマンスに大きな違いがあるため、ブラウザー間で JavaScript ベースの機能を選択する際に、この用語を適用すると便利な場合があります。

必須ではない多数の機能 (およびアニメーション) を備えた複雑な Web アプリでは、たとえば、これらの機能のセットはすべてのブラウザーで動作し、これらの機能のセットは Chrome と Safari でのみ動作するように、それらを封鎖することを検討する価値がありますか? 、およびこれらは Firefox と Chrome、Safari と Opera などにあります。これは、特定のブラウザーで特定の機能を有効にすると時間がかかりすぎるためです。

特定の重要でない機能にアクセスできなければ、ユーザー エクスペリエンスが向上するのではないかと感じることがあります。たとえば、Chrome ユーザーがサイズ変更できる特定のパネルのサイズを IE ユーザーが変更できないようにします。

このプログラムは、テーブル 1 内のすべてのレコードをテーブル 2 にコピーし、テキスト ファイルにも書き込みます。すべてのレコードのコピーが完了すると、新しいレコードが追加される前に、レコードが削除され、table1 が空になります。たとえば、コードを強化したい：

1. レコードが空かどうかを確認するコードを挿入したり、ファイルのコピーで問題が発生した場合、または EOF の場合はどうすればよいですか??
2. このコードは form_load() 内にあり、win フォーム アプリケーションで実行されていました。プログラム exe を実行すると、フォームが表示されない場合はどうなりますか? このプログラムを背後のウィンドウで実行されているようにしたい。エラーまたは成功のメッセージボックスのみが表示されますか?
3. 解決策、ガイダンス、またはリファレンスのヘルプは非常に感謝しています。

前もって感謝します！

クライアントがページでSilverlightセクションを実行するために必要なランタイムを持っているかどうかをJavascriptで検出し、持っている場合はロードできますか？そうでない場合は、その領域に静止画像などを残しますか？

ページにSilverlightを追加したいのですが、ページの重要な部分ではないので、インストールされていない場合は、要求するものを配置するのではなく、純粋なWeb標準のものに静かにフォールバックしたいと思います。インストールします。

Web 開発でプログレッシブ エンハンスメントを使用することに価値があり、すでに定期的に使用しています。とは言っても、プログレッシブ エンハンスメントを強く推奨しているほとんどすべての Web サイトは、タイトル用の div とナビゲーション用の div を持つ画像のない Web サイトです。つまり、本当に基本的な (そして退屈な) ものです。

プログレッシブ エンハンスメントを使用して大きな効果を上げているサイトの例を知っていますか? サイトのあらゆる種類のものを無効にして、それらがどのように見えるかを調べるのが大好きですが、美しく劣化するものを見つけることはめったにありません. 画像、動的コンテンツ、テーブル、埋め込みプレーヤー、または単なるテキスト ブロックよりも開発がやや難しいものを探しています。

テキストのみのブラウザーで完全に表示され、フル機能の栄光に圧倒されるサイトを見つけるのをまだ待っています ;)

プログレッシブ エンハンスメント/CSS3 を使用している大規模なサイトを知っている人はいますか?

私は、サイトがすべてのブラウザーでカーボン コピーである必要がない理由について、作業中のケースをまとめようとしていますが、実際の例がなければ、私の主張はやや無力になります。

長時間実行される検索を実行して結果ページを返すことができるアクションを備えたSearchControllerがあります。検索には 1 ～ 60 秒かかります。検索用の URL は、次の形式の HTTP GET 要求です。http://localhost/Search?my=query&is=fancy

私が探している経験は、そこにある多くの旅行サイトに似ています. 理想的には、中間の「読み込み中...」ページを表示したいと思います。

1. ユーザーは検索を再開せずにページをリロードできます
2. バックエンド検索が完了すると、ユーザーは結果にリダイレクトされます
3. JavaScript が無効になっているブラウザーのエクスペリエンスが低下する
4. 戻るボタン/ブラウザの履歴には、このインタースティシャル ページを含めないでください。
5. 短い検索 (1 秒) の場合、結果に到達するまでの時間やエクスペリエンスに大きな影響はありません (非常に醜いページが点滅するなど)。

それらは持っていると便利です。私はすべてのアイデアを受け入れます！ありがとう。