En esta la segunda parte del video usaremos el diseño creado en Photoshop del video anterior y lo maquetearemos con HTML5, CSS3 usando el Framework Foundation.
Que aprenderás en este tutorial?
- Sistema de rejilla Foundation
- Creación de filas y columnas
- Clases de Foundation: grid-container, grid-x grid-padding-x, (large-4, large-8, etc) columns
- Creación de un menú y su personalización
- Creación de un slider con orbit slider
- Íconos con font-awesome
Segunda parte del video donde usaremos el diseño creado en photoshop en el video anterior y lo maquetearemos con HTML5, CSS3 usando el framework foundation.
Ver vídeo creación de un sitio con Foundation
Descargas los archivos fuente:
[sociallocker id=”2982″]https://www.dropbox.com/s/u95bxd93jcv26so/proyecto_foundation2.rar?dl=0 [/sociallocker]
Tutoriales relacionados
Aprende como pasar un diseño de Photoshop a Bootstrap:
De Photoshop a Bootstrap 4 Parte 1 – Diseño de Interfaz
De Photoshop a Bootstrap 4 Parte 2 – Marcado Html, Css y Modal
De Photoshop a Android parte 1 – Diseño de App
De Photoshop a Android parte 2 – Desarrollo en Android Studio