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

Creado en 4 abr. 2016  ·  3Comentarios  ·  Fuente: freeCodeCamp/freeCodeCamp

Una queja común que recibimos es sobre el final de la sección HTML / CSS. Hay 15 desafíos diferentes en estos dos temas: usar valores RGB y HEX para cambiar el color de las fuentes.

Aquí hay mucha redundancia y, sinceramente, no es necesario cambiar cada color de uno en uno para tener una idea.

Propongo que reduzcamos estos a al menos la mitad, tal vez un tercero. ¿Posiblemente combinar la configuración de color en un solo desafío? ("Establecer el elemento 1 en blanco, el elemento 2 en rojo, el elemento 3 en verde", etc.)

No estoy seguro de cuánto de las cosas RGB deberían repetir directamente las cosas Hex anteriores. ¿Podemos presentar AMBOS en la misma lección?

Usemos este hilo para discutir un posible estado final antes de marcarlo como "Se busca ayuda".

image

Etiquetado: @ FreeCodeCamp / issue-moderators

help wanted learn

Comentario más útil

Evaluación del desafío

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.

Todos 3 comentarios

Evaluación del desafío

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.

¿Fue útil esta página
0 / 5 - 0 calificaciones