技術ブログを含む独自のWebサイトを作成中です。 HTML5やCSS3などの最新のテクノロジーを使用してWebサイトを構築したい。
私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーを対象とするなので、これらの人々が最新のブラウザを使用することを当然と考えるべきでしょうか?または、念のためにサイトを古いブラウザと互換性を持たせる必要がありますか?
使用しないと思われるブラウザと互換性を持つように自分のWebサイトを調整する苦労をしたくありません。
更新:私はこれまでに答えを読みましたが、質問に関する重要な詳細を見逃したようです。明確でない場合は、サイトの性質を考慮して回答に集中してください。
私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーをターゲットにしています
これを考慮して、これらの人々が最新のブラウザを使用していることを当然と見なすべきですか?
サイトに Googleアナリティクス を追加し、ユーザーを追跡します
見つける唯一の方法は、ユーザーベースに関する統計の合理的なサンプルを収集することです。それ以外のものは、根拠のない仮定です。
幸いなことに、Googleアナリティクスは、ブラウザ、画面サイズ、有効な機能などに関するすべてを完全に追跡しています.
バージョンがはるかに長くサポートされているため、Internet Explorerを「低マーク」としてターゲットにします。たとえば、Windows XPサポートライフサイクルは2014年4月8日まで有効期限が切れないため、IE 6はそれまで消えません。
統計で、ごく一部のユーザーのみがIE 6(またはIE 7)を使用していることが、ブラウザーのサポートに必要な労力を正当化できない場合があります。
新しいHTML5に関しては、 HTML5 shiv をサイトに追加して、無料のプログレッシブエンハンスメントカバレッジを得ることができますが、ブラウザがキャッチするまで、より高度な機能(HTML5 File APIなど)をサイトのプライベートセクションに制限できますアップ。
アメリカ人の90%以上が、画像を使用し、JavaScriptを有効にし、CSSをサポートし、適切な接続を確立しています。
時間の90%を費やして世界の10%を追いかけて、現代のWebを体験しないようにしたのは時間の無駄です。
仮定:
それはあなたが聞きたいことではありませんが、ウェブデザイナーや開発者として私たちが直面している現実です。古いブラウザを使用しているユーザーがいるだけでなく、一部のユーザーはブラウザの設定を変更してデフォルトの動作を変更します(たとえば、JavaScriptをオフにします)。
また、CSSとJavaScriptに対するさまざまな限定的なサポートを持つ検索エンジンのようなボットについても忘れることはできません。さらに、一部のユーザーは、最新のテクノロジーをサポートすることで有名なスクリーンリーダーを使用します。
上記のすべてをサポートすることは、実際には非常に簡単です。 プログレッシブエンハンスメント は、ウェブの設計と開発の基本原則であり、サイトの最新かつ最高の機能を使用しながら、まだすべてを処理できないブラウザーとユーザーをサポートできます。
少なくとも、合理的にサポートできるすべての環境でホームページが正常に機能することを確認してください。特定のページが広くサポートされていない技術を必要とする場合、それらにつながるリンクで明確に述べてください(不快なものを使用する必要はありません、リンクと画像のtitle
およびalt
テキストで十分です)。ページ自体(たとえば、小さなヘッダーを追加する-機能が存在することを検出できる場合/検出できない場合は非表示になる場合があります)。
また、必要なテクノロジが存在しない/有効になっていない場合は、ページが適切に劣化するようにしてください。訪問者がハイテクに精通していても、ページ内の何かが機能しないが、何が欠けているかの兆候がない場合、彼らはそれを探しに行くことはないかもしれません(彼らが本当に興味を持っていない限り、想定)。不足しているものを有効にする方法について詳細な指示を与える必要はありません。whatを有効にする必要があると述べるだけで、このオーディエンスには十分です。
Update:最後のポイントをより強調したいのは、個人的なアナドクテスです。セキュリティを意識したユーザーとして、私はいつもブラウズします- NoScript 有効。たとえば、ビデオがあるWebサイトにアクセスすると、次のいずれかのことが起こります。
width
およびheight
が静的に設定されておらず、ページに動画があるというヒントがまったくない場合もあります。それは完全に見逃される可能性があります。これは、最新のブラウザとハイテクに精通したユーザーを想定している場合でも発生する可能性があるいくつかの問題を説明するためのものです。サイトがあらゆる構成で機能することを確認するために邪魔にならないようにする必要はありませんが、この場合でもフェールセーフ要素が存在することが重要です。
John Condeが言ったポイントは、彼らが技術的な人だからといって、最新のブラウザを使用しているとは思わないということだったと思います。そうは言っても、私はOPがより多くの聴衆のためにサイトをコーディングするか、代わりにブログを書くことの間のバランスを見つける必要があるというEvik Jamesに同意する傾向があります。ある時点でこのサイトを収益化したい場合は、プログレッシブエンハンスメントとレスポンシブデザインの哲学に従う必要があると思います。モバイル(およびIE6のフリギング)から始めて、次第に強化する方が簡単だからです。アップ。しかし、少なくともOPは自分のサイトを Lynxブラウザー で実行し、自分のサイトがスクリーンリーダーまたは検索エンジンスパイダーにどのように見えるかを確認し、画像、CSS、javascriptをオフにしてすべてを表示できるようにする必要があります。その後、最新のブラウザには本当にクールな機能をすべて残し、IE6で少し場違いに見える、または退屈そうに見えるものについてはあまり心配しません。
高度な技術を備えたユーザーは、メインマシンで使用している可能性がありますが、必ずしも人気のあるブラウザーの最新バージョンを使用しているとは限りません。多くの場合、カスタマイズされたブラウザまたはベータ版のブラウザ、最先端のまだまだ流行のブラウザ、非常に高速またはワークフロー内のブラウザ(lynx/links2、emacsなど)を使用し、実際には古い =または通常とは異なるブラウザ(20年前のシステムで利用可能なものは何でも、楽しみのために、または仕事を維持するために協力し合っています)。ページが標準に準拠しており、テキストベースのブラウザで情報を表示できることを確認してください。
ターゲット市場に基づいた最新のブラウザを使用していると仮定する必要があると思います。ブラウザの使用状況を把握し、かなりの数の人が古いブラウザを使用している場合は、互換性を変更します。
プログレッシブエンハンスメント を読んで、ユーザーの大部分をサポートし、ブラウザの機能を活用してください。 レスポンシブデザイン は、デバイスのほとんどの部分をサポートするもう1つの重要なトピックです(今日では多くの人がモバイルデバイスを使用しています)。一方、この問題を解決するために Modernizr 、 boilerplate 、 explorercanvas などのライブラリがたくさんあります。
あなたのターゲットオーディエンスがプログラマーなどになるという事実は、彼らがより技術的に考えているので、彼らが彼らのコンピューターに最新のものを持っているとまだ仮定しません。プログラマー/技術者がコンピューターで使用するものを決定するのは、専門的な思考ではなく個人的な推論です。
たとえば、プログラマーは妄想的で、コンピューターでJavaを有効にできない場合があります。
いずれにせよ、インターネットはすべての人に開かれており、さまざまなセクションにハト穴ではありません。誰でもアクセスできるようにWebサイトを構築します。テクノロジーに精通したプログラマーは、コンピューターが壊れて、Internet Explorer 7でWindows XPを実行する母親のPCを使用して立ち往生することがあります。