Freecodecamp: Défis CSS HEX / RGB - Compresser et réduire la redondance

CrĂ©Ă© le 4 avr. 2016  Â·  3Commentaires  Â·  Source: freeCodeCamp/freeCodeCamp

Une plainte courante que nous recevons concerne la fin de la section HTML / CSS. Il existe 15 défis différents sur ces deux sujets - l'utilisation des valeurs RVB et HEX pour changer la couleur des polices.

Il y a beaucoup de redondance ici et, honnĂȘtement, nous n'avons pas vraiment besoin de changer chaque couleur une par une pour obtenir l'image.

Je propose que nous les rĂ©duisions d'au moins la moitiĂ©, peut-ĂȘtre un troisiĂšme. Combiner Ă©ventuellement les paramĂštres de couleur en un seul dĂ©fi? ("DĂ©finir l'Ă©lĂ©ment 1 sur blanc, l'Ă©lĂ©ment 2 sur rouge, l'Ă©lĂ©ment 3 sur vert", etc?)

Je ne suis pas sĂ»r de la quantitĂ© de trucs RVB qui devrait rĂ©pĂ©ter directement les trucs Hex prĂ©cĂ©dents. Pouvons-nous prĂ©senter LES DEUX dans la mĂȘme leçon?

Utilisons ce fil de discussion pour découvrir un état final possible avant de le marquer comme "Aide recherchée"

image

Balisage: @ FreeCodeCamp / issue-moderators

help wanted learn

Commentaire le plus utile

Évaluation du dĂ©fi

Suggestion

Je pense que vous pouvez regrouper 15 défis dans ces 5 défis:

  • Utiliser le code hexadĂ©cimal pour des couleurs spĂ©cifiques - Introduction aux codes hexadĂ©cimaux.
  • Utilisez le code hexadĂ©cimal pour le mĂ©lange de couleurs - J'ai mentionnĂ© avoir un tableau d'Ă©chantillons de couleurs pour le dĂ©fi d'introduction, mais pour garder ce dĂ©fi aussi simple que possible, ce dĂ©fi pourrait ĂȘtre consacrĂ© Ă  l'expĂ©rimentation de diffĂ©rentes couleurs et simplement tester si elles ont a utilisĂ© avec succĂšs une couleur pour colorer l'arriĂšre-plan.
  • Utiliser le code hexadĂ©cimal abrĂ©gĂ© - Introduction aux codes hexadĂ©cimaux abrĂ©gĂ©s.
  • Utiliser les valeurs RVB pour les Ă©lĂ©ments de couleur - Introduction aux valeurs RVB.
  • Utiliser les valeurs RVB pour le mĂ©lange de couleurs - Utilisez un tableau similaire au dĂ©fi ci-dessus mais avec RVB. Peut-ĂȘtre mĂȘme ajouter une autre colonne pour comparer les codes hexadĂ©cimaux et RVB, renforçant ainsi l'utilisation des codes hexadĂ©cimaux et RVB.

Tous les 3 commentaires

Évaluation du dĂ©fi

Suggestion

Je pense que vous pouvez regrouper 15 défis dans ces 5 défis:

  • Utiliser le code hexadĂ©cimal pour des couleurs spĂ©cifiques - Introduction aux codes hexadĂ©cimaux.
  • Utilisez le code hexadĂ©cimal pour le mĂ©lange de couleurs - J'ai mentionnĂ© avoir un tableau d'Ă©chantillons de couleurs pour le dĂ©fi d'introduction, mais pour garder ce dĂ©fi aussi simple que possible, ce dĂ©fi pourrait ĂȘtre consacrĂ© Ă  l'expĂ©rimentation de diffĂ©rentes couleurs et simplement tester si elles ont a utilisĂ© avec succĂšs une couleur pour colorer l'arriĂšre-plan.
  • Utiliser le code hexadĂ©cimal abrĂ©gĂ© - Introduction aux codes hexadĂ©cimaux abrĂ©gĂ©s.
  • Utiliser les valeurs RVB pour les Ă©lĂ©ments de couleur - Introduction aux valeurs RVB.
  • Utiliser les valeurs RVB pour le mĂ©lange de couleurs - Utilisez un tableau similaire au dĂ©fi ci-dessus mais avec RVB. Peut-ĂȘtre mĂȘme ajouter une autre colonne pour comparer les codes hexadĂ©cimaux et RVB, renforçant ainsi l'utilisation des codes hexadĂ©cimaux et RVB.

Cela semble Ă  peu prĂšs parfait. Je suis vendu.

Pour mélanger les couleurs:
Il peut ĂȘtre judicieux d'avoir 3 Ă©lĂ©ments diffĂ©rents qui doivent ĂȘtre attribuĂ©s rouge / vert / bleu en utilisant Hex / RGB. Un test par couleur, juste pour vĂ©rifier qu'ils sont dĂ©finis.

peut-ĂȘtre en ajouter un pour diffĂ©rents types d'encodages, il pourrait ne pas y avoir de hexadĂ©cimal uniquement sur le Web et mĂȘme hexadĂ©cimal peut contenir de 1 Ă  6 caractĂšres. et cela devrait Ă©galement ĂȘtre pris en compte pour la validation. Par exemple, # f00 est aussi rouge que # ff0000. Il y a donc un bug dans la validation maintenant.

Cette page vous a été utile?
0 / 5 - 0 notes