Freecodecamp: Desafios CSS HEX / RGB - Comprimir e reduzir redundância

Avaliação de Desafio

• Use código hexadecimal para cores específicas - acho que devemos manter isso porque ele apresenta códigos hexadecimais e fornece uma breve discussão sobre por que existem códigos hexadecimais e como usá-los. Para adicionar a este desafio (embora já seja bastante texto) é adicionar uma tabela ou lista de outras cores possíveis com seus códigos hexadecimais. Também podemos encorajar a experimentação com outros códigos hexadecimais à medida que o telefone simulado muda em tempo real.
• Use o código hexadecimal para colorir os elementos de branco - isso provavelmente pode ser removido.
• Use o código hexadecimal para colorir os elementos de vermelho - esse desafio também pode ser removido. É redundante de duas maneiras: explica os códigos hexadecimais novamente e muda as cores para vermelho, o que pode ser mostrado no desafio Usar código hexadecimal para cores específicas.
• Use o código hexadecimal para colorir os elementos de verde - este desafio pode ser removido e apenas adicionado em conjunto com o primeiro desafio em códigos hexadecimais.
• Use o código hexadecimal para colorir os elementos de azul - este desafio pode ser removido e apenas adicionado em conjunto com o primeiro desafio em códigos hexadecimais.
• Use o código hexadecimal para misturar cores - este desafio pode ser removido e apenas adicionado em conjunto com o primeiro desafio em códigos hexadecimais.
• Use o código hexadecimal para colorir elementos de cinza - remova também.
• Use o código hexadecimal para tons de cinza específicos - remova também.
• Use código hexadecimal abreviado - acho que este deve ser mantido, pois apresenta um novo conceito de códigos hexadecimais abreviados e seria demais se fosse incluído no desafio de introdução.
• Use valores RGB para elementos de cor - mantenha o desafio porque introduz RGB
• Use RGB para colorir elementos de branco - remover.
• Use RGB para colorir elementos de vermelho - remover.
• Use RGB para colorir elementos verdes - remover.
• Use RGB para Color Elements Blue - remova.
• Use RGB para misturar cores - possivelmente manter.

Sugestão

Acho que você pode consolidar 15 desafios nestes 5 desafios:

• Use o código hexadecimal para cores específicas - a introdução aos códigos hexadecimais.
• Use o código hexadecimal para a mistura de cores - mencionei ter uma tabela de cores de amostra para o desafio de introdução, mas para manter esse desafio o mais enxuto possível, este desafio poderia ser dedicado à experimentação de cores diferentes e apenas testar se eles têm usou com sucesso uma cor para colorir o fundo.
• Usar código hexadecimal abreviado - A introdução aos códigos hexadecimais abreviados.
• Use valores RGB para elementos de cor - a introdução aos valores RGB.
• Use valores RGB para Mistura de Cores - Use uma tabela semelhante ao desafio acima, mas com RGB. Talvez até adicione outra coluna para comparar códigos hexadecimais e RGB, reforçando o uso de códigos hexadecimais e RGB.

Isso soa quase perfeito. Estou vendido.

Para misturar cores:
Pode fazer sentido ter 3 elementos diferentes que precisam ser atribuídos a Vermelho / Verde / Azul usando Hex / RGB. Um teste por cor, apenas para verificar se estão configurados.

talvez adicione um para diferentes tipos de codificações, pode não haver hex apenas na web e até mesmo hex pode ter de 1 a 6 caracteres. e isso também deve ser considerado para a validação. Por exemplo, # f00 é tão vermelho quanto # ff0000. Portanto, há um bug na validação agora.