Freecodecamp: تحديات CSS HEX / RGB - ضغط وتقليل التكرار

تقييم التحدي

• استخدم كود Hex للألوان المحددة - أعتقد أننا يجب أن نحتفظ بهذا لأنه يقدم أكواد سداسية عشرية ويعطي مناقشة موجزة عن سبب وجود الأكواد السداسية وكيفية استخدامها. للإضافة إلى هذا التحدي (على الرغم من أن النص ثقيل جدًا بالفعل) هو إضافة جدول أو قائمة بالألوان الأخرى الممكنة مع الرموز السداسية العشرية الخاصة بهم. يمكننا أيضًا تشجيع التجريب مع الأكواد السداسية العشرية الأخرى مع تغير الهاتف المحاكى في الوقت الفعلي.
• استخدم الكود السداسي لعناصر اللون الأبيض - ربما يمكن إزالته.
• استخدم كود Hex لتلوين العناصر باللون الأحمر - يمكن أيضًا إزالة هذا التحدي. إنها زائدة عن الحاجة بطريقتين: فهي تشرح الرموز السداسية مرة أخرى وتغير الألوان إلى اللون الأحمر ، والتي يمكن عرضها في تحدي استخدام كود سداسي عشري لألوان محددة.
• استخدم Hex Code to Color Elements Green - يمكن إزالة هذا التحدي وإضافته فقط بالتزامن مع التحدي الأول على الأكواد السداسية.
• استخدم Hex Code to Color Elements Blue - يمكن إزالة هذا التحدي وإضافته فقط بالتزامن مع التحدي الأول على الأكواد السداسية.
• استخدم كود Hex لمزج الألوان - يمكن إزالة هذا التحدي وإضافته فقط بالتزامن مع التحدي الأول على الأكواد السداسية.
• استخدم كود Hex لتلوين العناصر باللون الرمادي - قم بإزالتها أيضًا.
• استخدم الكود السداسي للظلال المحددة للرمادي - قم بإزالتها أيضًا.
• استخدم كود Hex المختصر - أعتقد أنه يجب الاحتفاظ بهذا السداسية العشرية المختصرة وسيكون كثيرًا إذا تم طرحه في تحدي المقدمة.
• استخدم قيم RGB لعناصر اللون - واصل التحدي لأنه يقدم RGB
• استخدم RGB لتلوين العناصر باللون الأبيض - قم بإزالة.
• استخدم RGB لتلوين العناصر باللون الأحمر - قم بإزالة.
• استخدم RGB لتلوين العناصر باللون الأخضر - قم بإزالة.
• استخدم RGB لتلوين العناصر باللون الأزرق - قم بإزالتها.
• استخدم RGB لمزج الألوان - ربما احتفظ بها.

اقتراح

أعتقد أنه يمكنك دمج 15 تحديًا في هذه التحديات الخمسة:

• استخدم كود Hex للألوان المحددة - مقدمة إلى الأكواد السداسية العشرية.
• استخدم كود Hex لمزيج الألوان - لقد ذكرت وجود جدول لألوان العينة لتحدي المقدمة ولكن للحفاظ على هذا التحدي خفيفًا قدر الإمكان ، يمكن تخصيص هذا التحدي لتجربة ألوان مختلفة وإجراء اختبار فقط لما إذا كان لديهم استخدمت بنجاح لونًا لتلوين الخلفية.
• استخدام كود Hex المختصر - مقدمة لأكواد سداسية عشرية مختصرة.
• استخدم قيم RGB إلى Color Elements - مقدمة لقيم RGB.
• استخدم قيم RGB لـ Mix of Colors - استخدم جدولًا مشابهًا للتحدي أعلاه ولكن مع RGB. ربما تضيف عمودًا آخر لمقارنة الأكواد السداسية و RGB ، مما يعزز استخدام الأكواد السداسية و RGB.

هذا يبدو فقط عن الكمال. أنا بعت.

لخلط الألوان:
قد يكون من المنطقي أن يكون لديك 3 عناصر مختلفة يجب تخصيصها باللون الأحمر / الأخضر / الأزرق باستخدام Hex / RGB. اختبار واحد لكل لون ، فقط للتحقق من ضبطها.

ربما تضيف واحدة لأنواع مختلفة من الترميزات ، قد لا يكون هناك سداسي عشري فقط على الويب وحتى يمكن أن يكون طولها من 1 إلى 6 أحرف وهذا أيضا ينبغي النظر فيه من أجل المصادقة. مثال: # f00 أحمر مثل # ff0000. لذلك هناك خطأ في التحقق الآن.