Diseño y Estados de Inputs en Figma: Focus, Disable y Hover
Clase 18 de 23 • Curso Desarrollo Web para Diseñadores
Contenido del curso
Conceptos Generales
- 2
Conceptos Básicos del Desarrollo de Software y Programación
06:41 min - 3
Modelo de Solicitud y Respuesta en la Web
03:16 min - 4
Frontend y Backend: Conceptos y Comunicación en Desarrollo Web
08:16 min - 5
Conceptos básicos de APIs y su funcionamiento práctico
07:16 min - 6
Control de Versiones con Git para Diseñadores y Desarrolladores
06:55 min
Aproximación a los lenguajes de la web
- 7
Conceptos Básicos de HTML para Diseñadores
12:20 min - 8
Fundamentos de CSS: Sintaxis y Aplicación de Estilos en HTML
07:16 min - 9
Conceptos Básicos de JavaScript para Diseñadores
05:06 min - 10
Sintaxis y Tipos de Datos en JavaScript: Práctica con Figma y Run.js
11:32 min - 11
Uso de herramientas de desarrollo en navegadores web
10:00 min
Bases del diseño en el desarrollo
El diseño desde una mirada de desarrollo
- 16
Estados de Botones en Desarrollo Web con HTML y CSS
09:30 min - 17
Modelo de Caja y Estados en Botones HTML y CSS
08:06 min - 18
Diseño y Estados de Inputs en Figma: Focus, Disable y Hover
Viendo ahora - 19
Paginación y Funcionalidades en Tablas de Datos
06:10 min - 20
Funcionalidades Comunes en el Diseño de Tablas Interactivas
06:24 min - 21
Diseño e Implementación de Checkbox: Estados y Atributos HTML
05:04 min - 22
Resumen del Curso de Desarrollo Web
01:40 min
Live Class
Resumen
Reto Diseño e implementación de inputs
Crear un componente de input en Figma con los estados necesarios para la web que vimos:
- focus
- disabled
- hover
Incluyendo, un label, placeholder, helper text y un ícono de tooltip.
Espero ver tus diseños.