🖼️ Next.js: Open Graph Images
Genera imágenes dinámicas en tus proyectos Next.js para compartir en redes sociales.
Curso de Light & Dark themes accesibles
Aprende a implementar temas claros y oscuros en una página web de forma accesible, cómo integrarlo en tu arquitectura CSS y cómo adaptar los diseños para que te queden unos temas finísimos.
Ofrecer dark y light theme a los usuarios está muy de moda, pero ¿sabías que es importante también desde el punto de vista de accesibilidad?
En este curso veremos los motivos por los que vale la pena ofrecer opciones a los usuarios y cómo adaptar e implementar diseños para que sean accesibles.
Con este curso aprenderás a:
- 👐 Motivos para ofrecer light/dark mode en las webs
- 🌈 Cómo cambiar nuestros estilos según el tema
- 🏗️ Arquitectura CSS con themes
- 🚦 Maquetar un switch accesible
- 🖍️ Escoger los colores adecuados
- 🖼️ Adaptar las imágenes a nuestro tema
- ⚡️ Seleccionar el tema con media query
- 🎁 Permitir al usuario sobreescribir el tema
- 📸 Evitar FOIT con SSR
- 👀 Legibilidad de los textos
Vídeos del curso
Cursos relacionados
🎨 Buenas prácticas con CSS: Colores
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.
🚋 TypeScript Avanzado: Mejora tu Developer eXperience
Aprende a enriquecer la definición de tus funciones con utility types, const type parameters y satisfies lo que te permitirá ganar robustez y facilidad de uso en el día a día.
Paga según tus necesidades
lite (sólo mensual)
Cargando…
al mes
- Acceso a un subconjunto de cursos para sentar las bases para un código mantenible, escalable y testable
- Factura de empresa
standard
Cargando…
Ahorra 121 €
Pago anual de 0 €
al mes- Catálogo completo de cursos
- Retos de diseño y arquitectura
- Vídeos de soluciones destacadas de los retos
- Recibir ofertas de empleo verificadas por Codely
- Factura de empresa
premium
Cargando…
Ahorra 89 €
Pago anual de 0 €
al mes- Todo lo anterior
- Más beneficios próximamente
No subiremos el precio mientras mantengas tu suscripción activa