厳密なBBCスタイルのCSSコーディング標準を遵守していますか？

BBCの厳密なCSSコーディング仕様の詳細な説明

コアポイント：

BBCのCSS仕様は、ベストプラクティスに焦点を当て、コードの読みやすさに焦点を当て、CSSとJavaScriptが無効になっている場合でもWebページコンテンツのアクセシビリティを確保し、公開されたW3Cの推奨事項に厳密に従います。

の使用を禁止したり、ページの背景色を義務付けたり、圧縮外部スタイルシートを使用したりするなど、特定のルールが含まれています。インラインスタイルは禁止されており、潜在的なブラウザのキャッシュの問題を回避するために、外部CSSファイルに

をロードすることはできません。

初心者の開発者にとっては困難な場合がありますが、これらのガイドは、基本的なユーザビリティエラーを回避するのに役立つ文書化されたドキュメントを提供します。この仕様は、明確な命名規則、ベンダーのプレフィックスの使用、CSSファイルのアノテーションと組織に関する提案を通じて、簡潔で効率的で容易なコードを促進します。 !important @import

一般的なCSS原則：

BBCは、XHTML 1.0 Strictをコンテンツキャリアとして使用します。ガイドは、WebページのコンテンツがCSSまたはJavaScriptを有効にしない限り読みやすくする必要があることを規定しています。多くの開発者は、最新のjQueryウィジェットをすばやく追加するためにこれを無視しています。ほとんどのブラウザ（またはWeb開発者ツールバーなどの拡張機能）により、CSSとスクリプトを無効にすることができます。コンテンツが読み取れない場合、Googleおよびスクリーンリーダーが読むことはできません。ガイドラインによると、すべてのCSSSは公開されたW3C推奨事項に準拠する必要があります。これは、やなどのベンダープレフィックスプロパティを除外しているように見えるため、いくつかの問題を引き起こす可能性があります。ただし、BBCのWebサイトは注意して使用しています。ユーザースタイルを上書きするため、

は禁止されています。 IE6の修正に役立つため、これは少し厳しいです。そうは言っても、カスケード問題の根本原因に対処する必要がある場合、私はそれを迅速かつ失礼な修正のために乱用しました。最後に、IE6をあきらめた場合は、IE5.5でまだテストしているBBCコーダーについて考慮してください！ IE5.5のCSSは特に悪いです。属性を解析しようとしますが、惨めに失敗します。

-moz-border-radius-webkit-box-shadowcss実装：!important

すべてのCSSは圧縮外部スタイルシートの形で実装されますが、特定のページにルールが必要な場合はHTMLヘッダーのCSSが許可されます。インラインスタイルは禁止されています。これはとても良いです。インラインスタイルを使用して見つかったコーダーは、彼のWeb開発ライセンスを取り消すはずです！興味深いことに、外部CSSファイルは、ブラウザキャッシュに影響を与えるため、を使用してロードすることはできません。そうですか？現代のブラウザでは、これはもはや当てはまらないと思います。

タイプと色：@import

一般的なフォント名（Serif、Sans-Serif、cursive、またはMonospace）をすべてのfont-familyプロパティの最後に追加する必要があります。繰り返しになりますが、これは開発者がしばしば忘れていることです。誰もがコンピューターにArialやHelveticaを持っているわけではありません。私はこの二重のネガティブルールが好きです：＆gt;プリントスタイルのシートを除き、PXやPTなどのすべてのブラウザでサイズ変更されていないユニットは使用しません。 BBCは、EM、％、またはキーワード値を使用することをお勧めします。また、あらゆるレベルのブラウザでサイズを2ステップ増加した後、テキストは読み取り可能なままでなければなりません。これはテストの悪夢になるに違いない！最後に、開発者はページの背景色を定義する必要があります。私のコンピューターの1つでは、デフォルトの背景色が嫌な緑に設定された後、額にこのルールを入れ墨しました。

開発者の楽園か地獄ですか？

しばらく業界にいた場合、BBCが開発したガイドラインの多くを吸収した可能性があります。しかし、新しい開発者はどのように対処しますか？プラス面では、これらの期待は十分に文書化されており、コーダーが基本的なユーザビリティエラーを回避するのに役立ちます。ただし、開発自体は十分に困難です。ほとんどの人は、24の相互に関連するテクノロジーで定義された複数のルールと規制に対処するのに苦労しています。あなたの会社は厳格なコーディングガイドラインを実装していますか？それらは揃っていますか、それとも非常に柔軟ですか？彼らは合理的ですか、それともばかげていますか？それらは定期的に更新されていますか、それともNetscape 3.0のコードを書いていますか？ガイドはあなたの毎日の開発タスクを助けたり妨げたりしますか？また、BBC開発者からも聞きたいです...マネージャーが留守しているときに、厳密にルールに従っているのですか、それとも密かに使用しましたか？

!important（以下はFAQパーツであり、元のテキストと一致しており、もはや擬似オリジナルの作成がありません）

BBCのCSSコーディング標準とGoogleやWordPressなどの他の一般的な標準の重要な違いは何ですか？

BBCのCSSコーディング標準は、すべてのデジタルコンテンツにわたって一貫性と読みやすさを確保するように設計されています。これらの各標準には独自のアプローチがありますが、すべてがクリーンで効率的で保守可能なコードを促進することを目指しています。

BBCのCSSコーディング標準はベンダーのプレフィックスをどのように処理しますか？

BBCのCSSコーディング標準は、すべてのブラウザでまだ標準化または完全にサポートされていないベンダープレフィックスを使用することを推奨しています。

CSSで速記のプロパティを使用することに対するBBCの姿勢は何ですか？

BBCのCSSコーディング基準は、可能な限り速記の特性の使用を促進します。これは、コードを簡潔で読みやすい状態に保つためです。しかし、彼らはまた、開発者が速記の特性の意味を完全に理解するように警告します。

BBCのCSSコーディング標準はCSSでコメントするアプローチはどのようにありますか？

BBCのCSSコーディング標準では、コードの目的と機能を説明するためにコメントを使用することをお勧めします。彼らは、CSSファイルのセクションを分離し、複雑なコードまたは異常なコードのコンテキストを提供するためにコメントを使用することを提案します。これは、コメントが読みやすさを大幅に改善し、コードの保守性を向上させることができるため、コーディング標準のベストプラクティスと一致しています。

CSSプロパティを注文するためのBBCのガイドラインは何ですか？

BBCのCSSコーディング標準では、CSSプロパティの特定の順序を指定していません。ただし、読みやすさを向上させるために関連するプロパティをグループ化することをお勧めします。これは、コードの理解と維持が容易になるため、多くのCSSコーディング基準で一般的な慣行です。

BBCのCSSコーディング標準はCSSセレクターをどのように処理しますか？

BBCのCSSコーディング標準は、より柔軟で再利用可能であるため、スタイリングにIDセレクターを介してクラスセレクターを使用することを推奨しています。また、コードの維持を難しくし、不必要な複雑さにつながる可能性があるため、過度に特定のセレクターの使用を思いとどまらせます。

使用するBBCの姿勢は何ですか！

BBCのCSSコーディング基準は、コードを理解して維持するのが難しくなる可能性があるため、重要なことを思いとどまらせます。より具体的なセレクターを使用するか、代わりにCSSルールを並べ替えることをお勧めします。これは、多くのCSSコーディング標準で一般的な推奨事項です。

BBCのCSSコーディング標準は、メディアクエリの使用にどのように近づいていますか？

BBCのCSSコーディング標準では、メディアクエリを使用してWebサイトを応答し、異なるデバイスに正しく表示するようにすることをお勧めします。彼らは、CSSファイルの最後にメディアクエリを配置し、ビューポートの幅に基づいてそれらを最小から最大に整理することを提案します。

CSSファイル組織に関するBBCのガイドラインは何ですか？

BBCのCSSコーディング標準では、CSSファイルを論理的かつ一貫した方法で整理することを推奨しています。彼らは、CSSファイルのさまざまなセクションをコメントで分離し、関連するプロパティをグループ化することを提案します。これにより、コードの読みやすさと保守性が大幅に向上する可能性があります。

BBCのCSSコーディング標準は、CSSアニメーションとトランジションをどのように処理しますか？

BBCのCSSコーディング標準では、パフォーマンスの問題につながる場合があるため、CSSアニメーションと遷移を控えめに使用することを推奨しています。彼らは、必要な場合にのみ使用することをお勧めし、アニメーションや移行を追加した後、常にウェブサイトのパフォーマンスをテストすることをお勧めします。

以上が厳密なBBCスタイルのCSSコーディング標準を遵守していますか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。