Foundation 6
Yan Arlex Vallejo Rosas
@yavallejo
aprendiendoando.com
Foundation 6
Clase 1 - Introducción
@yavallejo
Funciones primordiales en las cuales se centraron en esta versión :
-
Rendimiento
-
Personalización
- Accesibilidad
Foundation 6
Clase 1 - Introducción
@yavallejo
8 Características fundamentales
-
Flujo de trabajo simplificado
-
Proceso de instalación simplificado de Sass
- Aumentador de potencias : Aparte de trabajar con SASS
- Disminución del tiempo de carga
- Fácil selección de los @import
- Core mas limpio y más sencillo (Sass)
- Mejora en los mixins de la grilla :
- Accesibilidad Completa
Foundation 6
Clase 2 - Empezamos
@yavallejo
En esta clase daremos un paseo por el sitio web de Foundation y conoceremos la forma de empezar a trabajar con este maravilloso Framework
Foundation 6
Clase 3 - Versión SASS
@yavallejo
Conoceremos como obtener la versión de SASS y como instalar la Cli (Command-line interface) en windows
Foundation 6
Clase 4 - Grid
@yavallejo
Conoceremos como funciona el sistema de Grillas
Foundation 6
Clase 5 - Grid componentes
@yavallejo
Conoceremos otros elementos que hacen parte de la grilla
Foundation 6
Clase 6 - Grid ejemplo
@yavallejo
En esta clase colocaremos en practica lo aprendiendo en las dos clases anteriores
Foundation 6
Clase 7 - Flex Grid
@yavallejo
En esta clase conoceremos Flex Grid el cual nos permite trabajar con FlexBox
Foundation 6
Clase 8 - Formularios
@yavallejo
En esta clase conoceremos todo lo relacionado a los formularios
Foundation 6
Clase 9 - Botones
@yavallejo
En esta clase conoceremos todo lo relacionado a los botones
Foundation 6
Clase 10 - Navegación - Parte 1
@yavallejo
En esta clase conoceremos todo lo relacionado a la navegación
Foundation 6
Clase 11 - Navegación - Parte 2
@yavallejo
En esta clase conoceremos todo lo relacionado a la navegación
Foundation 6
Clase 12 - Navegación - Parte 3
@yavallejo
En esta clase continuaremos aprendiendo sobre la navegación
Foundation 6
Clase 12 - Paginación - Migajas de pan
@yavallejo
En esta clase veremos todo lo relacionado a paginación y migajas de pan
Foundation 6
Clase 13 - accordion
@yavallejo
En esta clase veremos todo lo relacionado a accordion (Javascript)
Foundation 6
Clase 14 - Callout
@yavallejo
En esta clase veremos todo lo relacionado a Callouts
Foundation 6
Clase 15 - Dropdown
@yavallejo
En esta clase veremos pequeños paneles que pueden mostrarse por click , hover
Foundation 6
Clase 16 - Tabs
@yavallejo
En esta clase veremos todo lo relacionado con las Tabs
Foundation 6
Clase 17 - Tablas
@yavallejo
En esta clase veremos todo lo relacionado a Tablas
Foundation 6
Clase 18 - Badges - Flex Video - Label
@yavallejo
Hola chicos es la hora de ver tres componentes mas que nos regala Foundation - Badge , Flex video y label
Foundation 6
Clase 19 - Orbit
@yavallejo
En esta clase veremos todo lo relacionado a orbit - Carousel
Foundation 6
Clase 20 - Progress Bar - Thumbnails
@yavallejo
En esta clase veremos 2 temas mas con los cuales podemos jugar en nuestro sitio web
Foundation 6
Clase 21 - Tooltips
@yavallejo
En esta clase veremos los famosos Tooltips , el cual podemos elaborar de forma sencilla y así utilizarlo en nuestro sitio web
Gracias
@yavallejo
Foundation 6
By Yan Vallejo
Foundation 6
FrameWork Css - Curso para aprendiendoando.com
- 1,821