技術的なウェブサイト-訪問者が最新のブラウザを使用すると想定すべきですか？

技術ブログを含む独自のWebサイトを作成中です。HTML5やCSS3などの最新のテクノロジーを使用してWebサイトを構築したい。

私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーをターゲットにしているので、これらの人々が最新のブラウザーを使用することを当然と考えるべきでしょうか？または、念のためにサイトを古いブラウザと互換性を持たせる必要がありますか？

使用しないと思われるブラウザと互換性を持つように自分のWebサイトを調整する苦労をしたくありません。

更新：私はこれまでに答えを読みましたが、質問に関する重要な詳細を見逃したようです。明確でない場合は、サイトの性質を考慮して回答に集中してください。

私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーをターゲットにしています

これを考慮して、これらの人々が最新のブラウザを使用していることを当然と見なすべきですか？

Google Analyticsをサイトに追加してユーザーを追跡する

調べる唯一の方法は、ユーザーベースに関する統計の合理的なサンプルを収集することです。それ以外のものは、根拠のない仮定です。

幸いなことに、Googleアナリティクスは、ブラウザ、画面サイズ、有効な機能などに関するすべてを完全に追跡します。

バージョンがはるかに長くサポートされているため、Internet Explorerを「低マーク」としてターゲットにします。たとえば、Windows XPサポートライフサイクルは2014年4月8日まで有効期限が切れないため、IE 6はそれまで消えません。

統計でIE 6（またはIE 7）を使用しているユーザーの割合が非常に少ないことが示されている場合、ブラウザーをサポートするために必要な労力を正当化できない可能性があります。

新しいHTML5については、無料のプログレッシブエンハンスメントカバレッジのためにHTML5 shivをサイトに追加できますが、ブラウザが追いつくまで、サイトのプライベートセクションに高度な機能（ex HTML5 File API）を制限できます。

アメリカ人の90％以上が、画像を使用し、JavaScriptを有効にし、CSSをサポートし、適切な接続を確立しています。

時間の90％を費やして世界の10％を追いかけて、現代のWebを体験しないようにしたのは時間の無駄です。

仮定：

• JavaScriptはオフになります
• CSS3はサポートされません
• 画像は無効になります
• ユーザー接続が遅くなります

それはあなたが聞きたいことではありませんが、ウェブデザイナーや開発者として私たちが直面している現実です。古いブラウザを使用しているユーザーがいるだけでなく、一部のユーザーはブラウザの設定を変更してデフォルトの動作を変更します（JavaScriptをオフにするなど）。

また、CSSとJavaScriptに対するさまざまな限定的なサポートを持つ検索エンジンのようなボットについても忘れることはできません。さらに、一部のユーザーは、最新のテクノロジーをサポートすることで有名なスクリーンリーダーを使用します。

上記のすべてをサポートすることは、実際には非常に簡単です。プログレッシブエンハンスメントはWebデザインと開発の基本原則であり、サイトで最新かつ最高の機能を使用しながら、まだすべてを処理できないブラウザーとユーザーをサポートできます。

少なくとも、合理的にサポートできるすべての環境でホームページが正常に機能することを確認してください。特定のページは技術が広くサポートされていない必要がある場合は、状態それは明らかに彼らにリードすることをリンクで（嫌な使用は何もする必要はありません、titleとaltのリンクや画像にテキストだけで十分かもしれません）とページ自体が（例えば、小さなを追加しますヘッダー-機能が存在することを検出できる場合/その場合、非表示になる可能性があります）。

また、必要なテクノロジが存在しない/有効になっていない場合は、ページが適切に劣化するようにしてください。訪問者がハイテクに精通していても、ページ内の何かが機能しないだけで、何が欠けているかの兆候がない場合、彼らはそれを探すことを気にしないかもしれません（彼らが本当に興味を持っていない限り想定）。OTOH不足しているものを有効にする方法について詳細な指示を与える必要はありません。有効にする必要があるものを述べるだけで、このオーディエンスには十分です。

更新：個人的な注釈を付けて最後の点にもっと重点を置きたいと思います。セキュリティを意識したユーザーとして、私は常にNoScriptを有効にして閲覧します。たとえば、ビデオがあるWebサイトにアクセスすると、次のいずれかのことが起こります。

• ビデオのプレースホルダーがあり、クリックするだけでブロックを解除できます。
• プレースホルダーはありますが、クリックするだけでは十分ではありません-ブロックを解除する必要のある別のドメイン（通常はCDN）があります。多くの場合、適切ではなく一貫性のない名前が付けられます/mcstatic.com）;
• プレースホルダーはありません。動画はJavaScriptを介して追加されるかwidth、height静的に設定されていません。また、ページに動画があるというヒントがまったくない場合もあります。それは完全に見逃される可能性があります。
• ビデオはランダムな広告サーバーに依存しているため、最も明らかなドメインのブロックを解除するだけでは表示できません。私がいた場合は、本当に興味を持って、私は時々の効果で、（あまりツーより日陰に見える名前の順に）残りの各ドメインをブロック解除に行くことができるより多くの映像作品まで、または以前に存在し、表示されていなかったドメインあきらめる。

これは、最新のブラウザーとハイテクに精通したユーザーを想定している場合でも発生する可能性があるいくつかの問題を説明するためのものです。サイトをあらゆる構成で機能させるために邪魔にならないようにする必要はありませんが、この場合でもフェールセーフ要素が存在することが重要です。

ジョン・コンデが言ったポイントは、彼らが技術的な人だからといって、最新のブラウザを使用しているとは思わないということだったと思います。そうは言っても、私はOPがより多くの聴衆のためにサイトをコーディングするか、代わりにブログを作成することの間のバランスを見つける必要があるというEvik Jamesに同意する傾向があります。ある時点でこのサイトを収益化したい場合は、プログレッシブエンハンスメントとレスポンシブデザインの哲学に従う必要があると思います。モバイル（およびIE6のフリギング）から始めて、次第に強化する方が簡単だからです。アップ。しかし、少なくともOPは自分のサイトをLynxブラウザーで実行する必要があります彼のサイトがスクリーンリーダーまたは検索エンジンスパイダーにどのように見えるかを確認し、画像、CSS、javascriptをオフにしてすべてを表示できるようにします。その後、最新のブラウザには本当にクールな機能をすべて残し、IE6で少し場違いに見える、または退屈そうに見えるものについてはあまり心配しません。

ターゲット市場に基づいた最新のブラウザを使用していると仮定する必要があると思います。ブラウザの使用状況を把握し、かなりの数の人が古いブラウザを使用している場合は、互換性を変更します。

ユーザーの大部分をサポートし、ブラウザの機能を活用するためのプログレッシブエンハンスメントについてお読みください。レスポンシブデザインは、デバイスの大部分をサポートするもう1つの重要なトピックです（最近では多くの人がモバイルデバイスを使用しています）。一方、Modernizr、ボイラープレート、explorercanvasのような多くのライブラリがこの問題を支援します。

あなたのターゲットオーディエンスがプログラマーなどになるという事実は、彼らがより技術的に考えているので、彼らが彼らのコンピューターに最新のものを持っているとまだ仮定しません。プログラマー/技術者がコンピューターで使用するものを決定するのは、専門的な思考ではなく個人的な推論です。

たとえば、プログラマーは妄想的で、コンピューターでJavaを有効にできない場合があります。

いずれにせよ、インターネットはすべての人に開かれており、さまざまなセクションにハト穴ではありません。誰でもアクセスできるようにWebサイトを構築します。あなたは決して知らない、ハイテクに精通したプログラマーは、Internet Explorer 7を搭載したWindows XPを実行している母親のPCを使用して立ち往生しているため、コンピューターが壊れる可能性があります。