CursosWorkshop IAEmpresasPreciosBlogNewsletter
  • Cursos
  • Workshop IA
  • Empresas
  • Precios
  • Blog
  • Newsletter
Suscríbete
  • Cursos
  • Empresas
  • Comunidades
  • Blog
  • Tarjeta regalo
  • Newsletter
  • Soporte
  • Tienda
  • ConfAiBot
  • Contacta
  • Aviso legal
  • Condiciones generales
  • Política de privacidad
  • Política de cookies

Curso de Buenas prácticas con CSS: Colores

Lite
Núria SorianoRafa Gómez

Por Núria Soriano y Rafa Gómez – Frontend

Domina el uso de colores en CSS para crear sitios visualmente impactantes y accesibles. Utiliza CSS moderno como puede ser lch para la gestión de colores.

Ir al curso

💸 Primera lección disponible sin registro 💸

Trabajar con colores en CSS puede ser un desafío si no se conocen las mejores prácticas. Colores incoherentes o inaccesibles pueden afectar negativamente la experiencia de las personas usuarias y el rendimiento del sitio web.

Este curso te enseña el uso de colores en CSS. Aprenderás desde la creación de una paleta de colores coherente y accesible hasta el manejo avanzado de degradados y soporte para diferentes navegadores. Descubrirás por qué confiar únicamente en RGB puede ser limitante y cómo los formatos de color modernos como `lch` y `oklch` pueden ofrecer soluciones más óptimas.

Con ejemplos prácticos, te capacitarás para optimizar tu código de color y para implementar soluciones efectivas y eficientes que harán que tus proyectos destaquen.

Con este curso aprenderás a:

  • Implementar buenas prácticas en la gestión de colores en CSS
  • Entender las limitaciones de usar RGB y cómo superarlas
  • Crear y ampliar paletas de colores eficientes y accesibles
  • Utilizar formatos de color modernos como `lch` y `oklch` para una mejor precisión y accesibilidad
  • Mantener la calidad y la compatibilidad del código de color en diferentes navegadores
  • Usar degradados para añadir complejidad visual sin necesidad de imágenes
  • Automatizar y mantener la consistencia en tu código con herramientas como Stylelint

Vídeos del curso

  • 👼 Buenas prácticas trabajando con colores
  • 🙅‍♀️ 3 motivos por los que dejar de usar RGB

  • 🤏 Crea tu paleta de colores
  • 🎡 Asegura la accesibilidad de tu paleta
  • 🍹 Amplía tu paleta generando tonos con color-mix

  • 🧓 Soporta navegadores antiguos
  • 💅 Consistencia y buenas prácticas con Stylelint

  • 🧸 Juega con los degradados
  • 🎁 Degradados también en border
  • ✨ Crea degradados más vivos con lch

  • 🤟 Siguientes pasos
Ir al curso

Cursos relacionados

Standard
Tailwind CSS: Arquitectura y buenas prácticas

🚤 Tailwind CSS: Arquitectura y buenas prácticas

Paco CastellóRafa Gómez

Aprende a estructurar tus proyectos con Tailwind CSS siguiendo buenas prácticas.

Ver curso
Standard
Ofertas de empleo

📄 Ofertas de empleo

Javier FerrerRafa Gómez

Ofertas de empleo verificadas por Codely

Ver curso
Standard
Next.js: Open Graph Images

🖼️ Next.js: Open Graph Images

Javier FerrerRafa Gómez

Genera imágenes dinámicas en tus proyectos Next.js para compartir en redes sociales.

Ver curso
Ver catálogo completo

Paga según tus necesidades

lite (sólo mensual)

19 €
al mes
  • Cursos esenciales de programación para construir una base sólida
Popular

standard

24,92 €
Descuento vs mensual de 49 €
Pago anual de 299 €
al mes
  • Catálogo principal para dominar cómo escribir un código mantenible, escalable y testable
  • Recibir ofertas de empleo verificadas por Codely
  • Factura de empresa
  • Acumular descuentos al renovar

premium

41,58 €
Descuento vs mensual de 89 €
Pago anual de 499 €
al mes
  • Cursos exclusivos de IA para mantenerte siempre actualizado
  • Acceso anticipado a nuevos cursos
  • Descuento en workshops
  • Recibir ofertas de empleo verificadas por Codely
  • Factura de empresa
  • Acumular descuentos al renovar

No subiremos el precio mientras mantengas tu suscripción activa

SuscríbeteInicia sesión