En este útil video tutorial de 30 minutos, Leonidas (@leonidasesteban) explica paso paso la codificación necesaria para crear una página web con HTML5 con Responsive Design (en el ejemplo es un portafolio personal). Se ve el código necesario para cada una de las secciones de importancia, los nuevos tags, el CSS (con novedades de CSS3),
Si eres diseñador web o Front-End developer, esta página está para que la guardes en tus favoritos para tus futuros proyectos.
Se tocaron temas de:
- Box-sizing, rgba, text-shadow, transform:scale, transition (CSS3)
- @media screen and (max-width:480px)
- HTML5 tags: section, nav, article
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
La web finalizada la pueden ver en: mejorando.la/responsive-design/#contacto
El código esta en: github.com (Carpeta Responsive Design)
___
Fuente: Mejorando.la