ブログを作成しているのですが、ボックスのボックスシャドウが必要なので、次のように質問しています。
a)images/css または b)javascript を介して影を追加するのは良いことですか?
ブラウジング中に JavaScript を有効にしていない人が多いと聞きましたが、何か問題はありますか? 100 万の div を追加して配置するよりも、JavaScript でこれらの影を作成する方が簡単で簡単です。
編集: このページを見つけました: http://www.w3schools.com/browsers/browsers_stats.aspほぼすべてのユーザーが js を有効にしていると書かれています。
レイアウトに JavaScript を使用することもできますが、覚えておくべき一般原則として、HTML はセマンティックである必要があります。ページ上の要素には意味が必要です。ページのデザインを超えた構造を投影する必要があります (ただし、その構造はデザイン面の指標としても使用できます)。
このプリンシパルが適用される場合、JavaScript を使用すると、ページのセマンティックな意味を考慮して、投影したいスタイルを提供するのに役立ちます。
また、サーバー ログを確認する必要があります (ホスティング プロバイダーには、何らかの分析ツール/レポートが用意されている必要があります)。これにより、サイトへのアクセスに使用されているブラウザーとバージョンがわかります。その情報を使用すると、現在リーチしている人々について良い感触をつかむことができます。
ある種の分析パッケージ ( Google アナリティクスなど) を使用している場合は、サイトへの新規訪問者の 2 つの期間の差分も確認できる可能性があり、新規ユーザーがどのブラウザーの能力を発揮するかを測定してみてください。彼らがあなたのサイトを訪れたときに使用します。
JavaScript を使用してフロント エンドで DOM を操作する際に考慮すべき点がいくつかあります。
JavaScript を使用して大量のコンテンツを操作している場合、それはクライアント側のプロセスになり、ページのレンダリングが遅くなる可能性があります。必要なスタイルを提供し、サーバー側で CSS を介してレンダリングされる、ブログ/cms のテーマ/テンプレートを検討することをお勧めします。
検索エンジンはJavaScript を実行しません。このため、インデックス可能なコンテンツを操作することは絶対に避けたいと考えています。サーバーから送信されたときにコンテンツを HTML に埋め込む必要があります。AJAX やその他の JavaScript を使用して特定のものを操作することは問題ありませんが、コンテンツに関しては、スタイルを設定する場合を除き、JavaScript を使用して操作しないでください。
最新の素敵なブラウザーには CSS box-shadow を使用してください: http://css-tricks.com/snippets/css/css-box-shadow/ (追加のマークアップは必要ありません)
そして、他のほとんどの人のために、あなたの js ソリューションを提供してください。
あなたにとって最も簡単な方法でそれを行い、JS を使用していない人のためにページが適切に劣化するようにする必要があります (今日のようにそれらを考慮する必要があると思われる場合は、JS を使用しないサイトを作成したり、JS を使用しないサイトを作成したりすることに何の意味もありません。 -js ユーザー)。