Auto-reproducción
Autocompletar
Clase Anterior
Completa y continúa
CSS Avanzado
Responsive Design
Introduccion al responsive design (3:33)
viewport (7:54)
media queries (5:52)
mobile first (3:18)
Flexbox
Introduccion a flexbox (2:18)
Los 2 ejes de flexbox (3:23)
contenedor e item (5:10)
shrinks y overflow (1:56)
display flex y inline-flex (1:20)
flex-direction (4:01)
flex-wrap (4:01)
Repaso del comportamiento por defecto (2:48)
flex-flow (1:07)
justify-content (4:42)
Ejercicio 1
align-items (3:04)
Contenedor flex e item al mismo tiempo (1:45)
align content (3:56)
gap (2:16)
Ejercicio 2
order (2:37)
flex-grow (5:14)
flex-shrink y flex-basis (9:41)
flex (2:52)
align self (1:32)
Ejercicio 3
Proyecto final con flexbox
Recursos del proyecto
Introduccion al proyecto (2:34)
setup inicial (3:18)
creando el header parte 1 (2:57)
creando el header parte 2 (5:44)
creando el header parte 3 (9:46)
creando el header parte 4 (5:19)
primera seccion (8:22)
segunda seccion (6:35)
Footer (6:21)
Responsive Design 1 (6:32)
responsive design (menu parte 1) (8:37)
responsive design (menu parte 2) (8:52)
Responsive Design (Ultimos Detalles) (5:47)
Grid
Intro CSS Grid (4:54)
display grid y inline grid (4:52)
grid-template-columns (4:15)
grid-template-rows (3:17)
funciones css (3:50)
justify content (3:55)
align-content (2:33)
place-content (1:46)
grid-gap (2:37)
grid-column (6:22)
grid-row (3:15)
Ejercicio 4
nombrando lineas (4:32)
posicionando respecto a lineas (1:50)
grid-area (3:57)
grid template areas (4:59)
Ejercicio 5
justify-items (2:28)
align-items (2:34)
place items (1:30)
grid-auto-columns (4:01)
grid-auto-flow (2:28)
grid (2:38)
justify-self (2:05)
align self (1:35)
place self (1:14)
unidades fr (2:40)
Ejercicio 6
Proyecto Grid
Recursos del proyecto
setup inicial (3:58)
creando header parte 1 (2:21)
creando header parte 2 (6:18)
creando header parte 3 (5:15)
creando seccion 1 (5:52)
creando portafolio parte 1 (11:33)
creando portafolio parte 2 (5:50)
creando seccion de servicios (7:39)
creando footer (7:13)
creando el menu responsive parte 1 (6:47)
creando el menu responsive parte 2 (6:46)
aplicando responsive design parte 1 (4:35)
aplicando responsive design parte 2 (6:49)
aplicando responsive design parte 3 (7:15)
Animaciones CSS
gradientes lineales (4:39)
gradiente radial (1:46)
gradientes conicos (1:40)
box shadow (2:50)
transformaciones 2D (3:30)
transformaciones 3D (1:56)
transiciones (4:46)
animaciones (7:01)
object fit (6:18)
Proyecto Animaciones CSS
Recursos del proyecto
Agregando el primer separador (7:24)
agregando el resto de separadores (6:14)
mejorando portafolio (5:42)
agregando observador (9:57)
explicacion intercepcionObserver (8:03)
Animando el header (5:07)
Animando services y footer (2:57)
agregando los mosaicos (5:22)
ultimos detalles (3:46)
grid-column
Contenido de la clase bloqueado
Si ya estás inscrito,
necesitarás iniciar sesión
.
Inscríbete en el curso para desbloquear