De Photoshop a Foundation Parte 2

photoshop-foundation-parte1-render2web

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

Deja un comentario