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
Nos puedes seguir en Twitter @aeromental, Facebook y Google+
Autor del post: Daniel Semper, fanático de la tecnología y sus usos sociales, asiduo asistente al cine, y activo lector de comics. En mis tiempos libres estudio una maestría en Sidney.
hola ke tal mi nombre es aida y esto esta super bien me acaban de ampliar el panorama.tengo conocimiento intermedio de lenguajes de programacion mi duda es puedo seguir usando dreamweaber para html5 y css3