Menu Navbar responsive parte I

Clase 18 de 32 • Curso de Responsive Design 2015

Vicente

student•

No sé qué curso me parece más interesante. Difícil elegir solo uno, o dos o ene.
Estoy muy contento y satisfecho de haber conocido a Platzi y a toda la gente que nos enseña lo que sabe.
Compartir es amar, aunque vaya ligado a nuestra profesión.

Gracias
Vicent

Hanmilton Berrezueta

student•

nav.header-menu-list>ul.header-menu-list>li.header-menu-list-item*4>a

Álvaro René Sánchez Serrano

student•

buena esa.

Paulo Andres Gonzalez

student•

Porque el index se esta armando en la carpeta build? no debería estar en la carpeta src luego la pase a build y con el procesado este vaya a dist?, creo que a lo largo del proyecto nunca se aclaro o se modifico esto, alguien lo pudo realizar?

Diego Hernández Ramírez

student•

¡Hola!
Al inicio, sí estaba en la carpeta de <<src>> pero después se cambió a <<build>>. Lo hace en uno de los vídeo anteriores. :)

Alejandro Irimia Mesa

student•

Es cierto, queda un poco en el aire.

La clave es encontrar una dependencia en gulp que te ayude a minificar el HTML para servirlo en producción, igual que hace con el CSS. Una vez obtenido el plugin, habría que configurar la tarea en gulpfile.js.

Una librería para ello puede ser la siguiente:

Si prefieres utilizar un preprocesador de HTML como Jade (al estilo de Stylus para CSS), hay por ejemplo el siguiente:

Un saludo.

Ángela Pulido

student•

z-index nos permite manejar capas, para que nuestro header no quede debajo del texto.

Hugo perez garcia

student•

por favor, alguien me ayuda? cuando Carlos le pone order 1 y 2 al titulo y al boton para colocarlos en orden a mi no me respeta el cambio he intentado anidar -logo y -btn-nav dentro de la clase -mobile para ver si asi, pero me pone el botón delante del titulo siempre, ponga el valor que ponga y solo me respeta el orden si quito el modificador order de los dos elemento y con las clases anidadas. me podrían ayudar a ver mi error?

Hugo perez garcia

student•

.header
background-color $black
color $white
height 64px
position fixed
top 0
left 0
width 100%
z-index 10

&-mobile
display flex

&-logo

$-btn-nav
border 0

Juan Alexander Rodríguez Pérez

student•

En sublime hay algún plugin de autocompletado de los archivos styl??

Menu Navbar responsive parte I

Bienvenidos

Nuevas clases de Responsive Design: ¿Dónde quedo el curso anterior?

¿Dónde encuentro los archivos del curso?

Introducción a responsive design

Preguntas antes de la clase

¿Qué es Responsive Design?

Concepto de Viewport

Patrones de Diseño Responsive: Tiny Tweaks

Progressive Enhancement vs Graceful Degradation

Column Drop

Mostly Fluid

Layout Shifter

Off-Canvas

Preguntas y respuestas después de clase

Diseñando en Mobile First

Preguntas antes de la clase

Entorno de desarrollo

Automatización de tareas con Gulp.js

Index.html del proyecto

Normalize.css

Menu Navbar responsive parte I

Menu Navbar responsive parte II

Videos reponsive

Preguntas y respuesta de la clase

Conceptos avanzados de responsive design

Preguntas antes de clase

Video responsive

Patrones de diseño responsivo

Imagenes responsive

Fuentes de iconos

Usando Browserify para JavaScript

Optimizando para produccion

Preguntas y respuestas en clase

Contenido complementario

Tablas-Responsive

Lazy Loading De Imagenes

¿Cómo hacer Remote Debuggin?