Freecodecamp: Desafíos CSS HEX / RGB: comprime y reduce la redundancia

Evaluación del desafío

• Use código hexadecimal para colores específicos : creo que deberíamos mantener esto porque presenta códigos hexadecimales y brinda una breve discusión sobre por qué existen los códigos hexadecimales y cómo usarlos. Para agregar a este desafío (aunque ya tiene bastante texto) es agregar una tabla o lista de otros colores posibles con sus códigos hexadecimales. También podríamos fomentar la experimentación con otros códigos hexadecimales a medida que el teléfono simulado cambia en tiempo real.
• Use código hexadecimal para colorear elementos en blanco ; esto probablemente se pueda eliminar.
• Use código hexadecimal para colorear elementos en rojo : este desafío también se puede eliminar. Es redundante de dos maneras: explica los códigos hexadecimales nuevamente y cambia los colores a rojo, que se puede mostrar en el desafío Usar código hexadecimal para colores específicos.
• Use código hexadecimal para colorear elementos en verde : este desafío se puede eliminar y agregar junto con el primer desafío en códigos hexadecimales.
• Use el código hexadecimal para colorear elementos en azul : este desafío se puede eliminar y agregar junto con el primer desafío en códigos hexadecimales.
• Use código hexadecimal para mezclar colores : este desafío se puede eliminar y agregar junto con el primer desafío en códigos hexadecimales.
• Utilice el código hexadecimal para colorear los elementos en gris ; elimínelos también.
• Use el código hexadecimal para tonos específicos de gris ; elimínelo también.
• Use código hexadecimal abreviado : creo que este debería mantenerse, ya que introduce un nuevo concepto de códigos hexadecimales abreviados y sería demasiado si se incluyera en el desafío de introducción.
• Utilice valores RGB para los elementos de color : mantenga el desafío porque introduce RGB
• Utilice RGB para colorear elementos en blanco - eliminar.
• Utilice RGB para colorear elementos en rojo - eliminar.
• Utilice RGB para colorear elementos verdes - eliminar.
• Utilice RGB para colorear elementos en azul - eliminar.
• Use RGB para mezclar colores , posiblemente conserve.

Sugerencia

Creo que puedes consolidar 15 desafíos en estos 5 desafíos:

• Use código hexadecimal para colores específicos: la introducción a los códigos hexadecimales.
• Use el código hexadecimal para la mezcla de colores: mencioné que tenía una tabla de colores de muestra para el desafío de introducción, pero para mantener ese desafío lo más simple posible, este desafío podría dedicarse a la experimentación de diferentes colores y simplemente hacer una prueba de si tienen usó con éxito un color para colorear el fondo.
• Usar código hexadecimal abreviado: la introducción a los códigos hexadecimales abreviados.
• Usar valores RGB para elementos de color: la introducción a los valores RGB.
• Use valores RGB para la mezcla de colores: use una tabla similar al desafío anterior pero con RGB. Tal vez incluso agregue otra columna para comparar códigos hexadecimales y RGB, reforzando el uso de códigos hexadecimales y RGB.

Eso suena casi perfecto. Estoy vendido.

Para mezclar colores:
Puede tener sentido tener 3 elementos diferentes que deban asignarse Rojo / Verde / Azul usando Hex / RGB. Una prueba por color, solo para verificar que estén configurados.

tal vez agregue uno para diferentes tipos de codificaciones, puede que no haya hexadecimal solo en la web e incluso hexadecimal puede tener de 1 a 6 caracteres de longitud. y eso también debe ser considerado para la validación. Por ejemplo, # f00 es tan rojo como # ff0000. Entonces hay un error en la validación ahora.