Estilo de deslizador de rango personalizado con CSS
Diseña y crea controles deslizantes de rango personalizados y controladores de volumen atractivos y accesibles utilizando técnicas y diseños CSS modernos.
-
💬
Instructor de IA
Pregunta sobre cualquier lección y recibe una respuesta clara al instante, cuando quieras. -
🕐
Empieza cuando quieras
Sin horarios ni fechas límite: aprende a tu ritmo, cuando quieras. -
🌐
En español
Lecciones, tareas y certificado: todo completamente en tu idioma.
Sobre este curso
Aprender a personalizar el estilo de estas entradas es esencial para crear interfaces web pulidas y cohesivas, y es una de las mejores maneras de hacerlo.
En este curso, aprenderá a eliminar el estilo predeterminado del navegador y crear deslizadores de rango personalizados y responsivos desde cero.Dominará las técnicas necesarias para diseñar hermosos elementos de seguimiento y pulgar manteniendo la accesibilidad completa y la compatibilidad entre navegadores.
Lo que aprenderás:
- Comprender la anatomía de las entradas de rango HTML y los pseudoelementos específicos del navegador
- Restablecer los estilos predeterminados del navegador de forma limpia utilizando propiedades CSS estándar
- Estilo de pistas deslizantes y pulgares para que coincida con los lenguajes de diseño modernos y personalizados
- Implementar propiedades personalizadas de CSS para temas de deslizador dinámicos y fáciles de mantener
- Aplicar prácticas de diseño accesibles para garantizar que sus entradas personalizadas funcionen para todos los usuarios
- Estructura de diseños limpios para los controles de medios, barras de volumen y entradas de datos
Comenzará con los conceptos básicos de marcado de entrada de rango y restablecimientos de navegador, y a partir de ahí, avanzará hacia el estilo de los componentes individuales del control deslizante y aplicará técnicas de diseño modernas para integrarlos en componentes prácticos de interfaz de usuario.
Este curso está diseñado para principiantes y desarrolladores front-end que deseen dominar los elementos de formulario personalizados.Se recomienda un conocimiento básico de HTML y CSS, pero no se requiere experiencia previa con el estilo de formulario avanzado.
Comience a leer hoy para mejorar sus formularios web con controles interactivos de estilo personalizado.
Lo que obtendrás
-
📜
Certificado de finalización
Añádelo a tu perfil de LinkedIn -
💬
Tutor AI personal
¿Atascado en una lección? Pregúntale a tu tutor integrado lo que quieras, cuando quieras. -
♾️
Acceso de por vida
Vuelve cuando quieras, sin caducidad -
📱
Teléfono o computadora
Funciona en cualquier dispositivo -
💸
Reembolso de 14 días
Sin preguntas -
⚡
Breve y enfocado
3 h de contenido práctico
Reseñas
Aún no hay reseñas — sé el primero en compartir tu experiencia.
Otros también tomaron
🎓 Con certificado
Diseño de Formularios Responsivos con CSS y jQuery
Certificado
Práctica
$14.99
→
💼 Listo para trabajar
🎓 Con certificado
Diseño Web Moderno con Bootstrap Studio
Certificado
Práctica
$14.99
→
🔥 Top
🎓 Con certificado
IA para el diseño web: páginas de destino y diseños responsivos
Certificado
Práctica
$14.99
→
🔥 Top
🎓 Con certificado
Crea un sitio web de portafolio sobresaliente con Framer
Certificado
Práctica
$14.99
→
Preguntas frecuentes
¿Qué necesito para tomar este curso? +
Solo un teléfono o computadora con internet. Sin instalaciones ni hardware especial.
¿Cómo pago? +
Con tarjeta a través de Stripe. No almacenamos datos de tarjeta — Stripe los gestiona de forma segura.
¿Puedo obtener un reembolso? +
Sí — reembolso completo en 14 días, sin preguntas.
¿Por cuánto tiempo tendré acceso? +
Para siempre. Una vez comprado, el curso es tuyo para revisarlo cuando quieras.
¿Obtendré un certificado? +
Sí. Al finalizar recibirás un certificado que puedes añadir a tu perfil de LinkedIn.
Diseñado para profesionales en
Tecnología
Diseño
Finanzas
Marketing
Salud
Educación
Hostelería
Manufactura