すべての人に役立つウェブサイトをデザインするには真の芸術があり、プログレッシブ エンハンスメントは実際に私にとってマントラです...
ブラウザ、OS、JavaScript、フラッシュ、画面解像度、無効化されたユーザー アクセシビリティなどに関係なく、すべての人が Web サイトを機能させるために使用した最高のトリックは何ですか?
(私は JavaScript とブラウザのトリックについてはよく知っていますが、フラッシュなどについては無知であることを認めます。)
編集: 私は、javascript やフラッシュなしでは単に機能できない RIA であるサイトの 1% について話しているわけではありません。js なしで Google ドキュメントを作成する方法を尋ねているわけではありません。クールなことはできるけど実際には必要ないサイトで、人々が何をしているのか知りたいです。
私は答えとして私自身のいくつかを提供します...
世界は散らかった場所だというマントラを除いて、私はマントラを避けようとします.
デスクトップの機能の多くは Web の機能に置き換えられると思いますが、最終的にブラウザーで実際のアプリを使用できるようになるのは難しい移行になるでしょう。実際のアプリとは、JavaScript、Flash、Silverlight、Java、C#、または JavaScript にコンパイルされた Objective-J を意味します。
私にとって唯一の秘訣は、アプリを有効に使用できない人々とブラウザを特定し、代替コンテンツを提供することです。
これには、モバイルの検出と適切なコンテンツの提供が含まれます。多くの Web サイトは、Flash を大量に使用し、広いコンピューター モニターに依存しているため、iPhone では完全に機能しなくなります。
Web サイトである Web サイトに JavaScript を要求するのは問題ないと思いますが、アプリである Web では問題ないと思います。幅が 960px のページだけを提供するのはよくないと思います。動画を Flash 形式だけで配信するのはよくないと思います。
統計を確認して (統計がない場合はGoogle アナリティクスをインストールして)、ユーザーがどこに行き、実際に何をしているかを判断します。
例えば
1.) 何かが見つからないため、ユーザーは常に検索を使用していますか? もしそうなら、あなたは検索をより良くすることができますか？
2.) あなたの 404 ページには、関連する用語を検索したり、探しているものを「推測」したりするための簡単なオプションが用意されていますか?
3.) あなたのサイトには、サイトの重要な部分にすばやくアクセスできるサイトマップがありますか?
4.) 他のすべてが失敗した場合、ユーザーはあなたや技術サポートに連絡して必要なものを見つけるための簡単な手段を持っていますか?
5.) 自分のサイトで何かを「販売」しているかどうかはわかりませんが、主要な実店舗のレジにたどり着いたときと同様に、今日探していたものがすべて見つかったかどうかを尋ねられます。ユーザーが提案できるオプションを提供することを検討してください...おそらく、征服されるのを待っている未開拓の市場があります。
6.) 使いやすさについては、必ず IE (6、7、8)、Safari などでサイトを閲覧し、関心のあるすべての場所で機能することを確認してください。
7.) " Don't make me think " という素晴らしい本があります。これは、現実的なユーザビリティに関する優れたリソースです。まだ読んでいない場合は、コピーを入手してください。
さらに、他のすべての小さな事柄が処理されていることを確認してください...たとえば、キャッシング (JS、CSS、画像) をうまく利用します。
ajax ベースのサイトを操作するために私が使用する気の利いたトリックのいくつか:
1) ページ全体とすべてのリンクを通常の a タグを使用して記述し、JavaScript を無効にして正しいページに移動し、「rel=external」などに基づいてそれらを「hijax」します。
2) JavaScript が動的コンテンツを挿入する場所に、代替コンテンツを含む noscript タグを追加します。
3) javascript がオフになっているとユーザーがそれらを見ることができないため、スタイルシートでそれらを非表示にして後で javascript で表示するのではなく、javascript で DOM ロード時に javascript が制御する要素を非表示にします。
通常、私が行うことは、JavaScript を使用せずに Web サイト全体を作成することです。これが機能したら、「マークアップ」できます。
とはいえ、いくつかの良い出発点があります。
通常、 PRG パターンは、アクセシビリティーを向上させるために不可欠です。
HTML の先頭付近に、ジャンプリンク対応のメニューがあることを確認したいと考えています。よくわからない場合は、リンクの下で Web サイトを実行するか、同様のテキストまたは音声ベースのブラウザーを試してみてください。あなたがイライラすると、アクセス可能なユーザーもイライラします。
意味のある場合にのみ、画像に alt タグを適用するようにしてください。設計目的のみの場合、画像に alt="" を与えることは合法です。同様に、title="" を設定すると、アクセス可能なユーザーを煩わせることなく、ホバー ツールチップに対する Firefox ユーザーの欲求を満たすことができます。
これらの簡単なヒントがお役に立てば幸いです。アクセシビリティは全員の責任です。
プラグインや、アクセスしにくいコンテンツを使用する場合は、フォールバック コンテンツを提供するようにしてください。たとえば、ビデオをページに配置します。HTML5 の方法を使用する場合:
<video>
<source src="video.ogv" type="video/ogg" /><!-- OGG for Mozilla/Opera -->
<source src="video.mp4" type="video/mp4" /><!-- h.264 for Apple/Google -->
<object><!-- Fall back to Flash/h.264 for older browsers -->
<!-- And in the event the UA can't handle any of those, all you can do is provide a link to the media -->
<p><a href="video.ogv">Download the video</a>.</p>
</object>
</video>
[疑似コードですが、アイデアはわかります]
その特定の問題に対するより包括的な解決策については、Kroc Camen のVideo for everyone をご覧ください。
プログレッシブ エンハンスメントは複雑ではありません。
次の 3 つの主な懸念事項を考慮してください。
コンテンツから始めて、それぞれの新しい懸念が前の懸念を妨げたり、別の懸念を模倣しようとしたりしないようにしながら、懸念を解決していきます。JavaScript はコンテンツを生成すべきではありません。CSS は動作を処理するべきではありません。HTML はプレゼンテーションなどを処理するべきではありません。
わかりました。Web サイト タイプのアプリケーションに関して言えば、RESTfulな方法で常に多数の形式をサポートするのが最善です... HTML、XML、JSON、RSS、Atom (意味のある場合)、およびその理由他...そうするには、サーバー上にクリーンなMVCアーキテクチャが必要です...まあ、MVCである必要はありませんが、レンダリングレイヤーはパンのように愚かで、よく書かれたビジネスロジックが実行されている必要がありますその下に...フロントエンドコントローラーは、リクエストに応じて返す適切な形式を選択する必要があります。そこに行きます...データの取得/更新、ページネーションの作成などのビジネスロジック全体が一度実装され、その後レンダリングするだけですそれをHTMLテンプレートに変換するか、JSONに変換するか、何でもします...
今考えられるのは、1 つのビューの実装を作成することです。これは、堅固でセマンティックでプレーンな HTML を返します...そして、javascript を多用するものを作成します...異なるパスでそれらにアクセスできるようにし、javascript を作成しますクロールできません...メインのHTMLテンプレートの先頭に1行のjavascriptを配置すると、そのサイトのjavascriptバージョンにリダイレクトされます...フラッシュでも同じことができます...など. .. 次に、アプリの「ダーティ」バージョンでは、好きなように本当に何でもできます... HTTP ごとにテンプレートをロードし、次に JSON のデータをロードし、クライアントでレンダリングを実行して、永続的なステートフル クライアントサイドを作成しますJavaScriptアプリ...なぜですか？
私は個人的に、素敵で明確なHTMLから始めるよりも、そしてすべてのユーザーにさえ機能しない大量のjavascriptを詰め込むよりも優れていると思います...
挨拶
back2dos