🖼️ 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.
Individuos
24,91€/ mes · pago anual299€ al año
- 💻Acceso a todos los cursos
- 🏅Contenido de calidad
- 🧑🏫Profesionales con amplia experiencia
- 🚀Nuevo contenido cada semana
- 🧑🤝🧑Acceso a la comunidad CodelyTV
- 🧑🎓Certificados al completar cursos
- 💸12 meses por el precio de 10
SIN PERMANENCIA MÍNIMASuscríbete
Empresas
¿Crees que puede interesar a más miembros del equipo?
- 💸Descuento de hasta un 40%
- ✨Gestión centralizada de cuentas
- 🧑🏫Profesionales con amplia experiencia
- 💼Facturas a nombre de empresa
- 📈Reportes y analítica