Freecodecamp: CSS HEX / RGBの課題-冗長性を圧縮して削減

チャレンジアセスメント

• 特定の色に16進コードを使用する-16進コードを紹介し、16進コードが存在する理由とその使用方法について簡単に説明しているため、これを維持する必要があると思います。 この課題に追加するには（すでにテキストがかなり重い場合でも）、16進コードを使用して他の可能な色の表またはリストを追加することです。 シミュレートされた電話がリアルタイムで変化するので、他の16進コードでの実験を奨励することもできます。
• 16進コードを使用して要素を白に着色します-これはおそらく削除できます。
• 16進コードを使用して要素を赤に着色します-この課題は削除することもできます。 これは2つの点で冗長です。16進コードを再度説明し、色を赤に変更します。これは、「特定の色に16進コードを使用する」チャレンジで示すことができます。
• 16進コードを使用して要素を緑色に着色-このチャレンジは削除して、16進コードの最初のチャレンジと組み合わせて追加することができます。
• 16進コードを使用して要素を青に着色-このチャレンジは削除して、16進コードの最初のチャレンジと組み合わせて追加することができます。
• 16進コードを使用して色を混合する-このチャレンジは削除して、16進コードの最初のチャレンジと組み合わせて追加することができます。
• 16進コードを使用して要素を灰色に着色します-同様に削除します。
• 特定のグレーの色合いには16進コードを使用します-同様に削除します。
• 省略された16進コードを使用する-省略された16進コードの新しい概念を導入するため、これは維持する必要があり、導入の課題に投げ込まれた場合は多すぎると思います。
• 要素に色を付けるためにてください
• RGBを使用して要素を白に着色-削除します。
• RGBを使用して要素を赤に着色-削除します。
• RGBを使用して要素を緑色に着色-削除します。
• RGBを使用して要素を青に着色-削除します。
• RGBを使用して色を混合します-おそらく維持します。

提案

15の課題を次の5つの課題に統合できると思います。

• 特定の色に16進コードを使用する-16進コードの概要。
• 色の混合に16進コードを使用する-イントロチャレンジのサンプルカラーの表があることを述べましたが、そのチャレンジをできるだけスリムに保つために、このチャレンジはさまざまな色の実験に専念し、それらが持っているかどうかのテストを行うことができます背景の色付けに色を使用することに成功しました。
• 省略された16進コードを使用する-省略された16進コードの概要。
• RGB値を使用して要素に色を付ける-RGB値の概要。
• 色の混合にRGB値を使用する-上記の課題と同様のテーブルを使用しますが、RGBを使用します。 16進コードとRGBを比較するために別の列を追加して、16進コードとRGBの使用を強化することもできます。

それはほぼ完璧に聞こえます。 売れました。

混色の場合：
16進数/ RGBを使用して赤/緑/青を割り当てる必要がある3つの異なる要素があることは理にかなっているかもしれません。 設定されていることを確認するために、色ごとに1つのテスト。

さまざまな種類のエンコーディング用に1つ追加することもできます。ウェブ上にのみ16進数が存在するわけではなく、16進数でさえ1〜6文字の長さになる可能性があります。 そして、それも検証のために考慮されるべきです。 たとえば、＃f00は＃ff0000と同じくらい赤いです。 そのため、現在、検証にバグがあります。