Video Tutorial: Como codificar una página web en HTML 5 desde cero

Fecha: 28 / mayo / 2012

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">

página web con HTML5 CSS3 y Responsive Design

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

DanielSemperAutor: Daniel Semper, fanático de la tecnología y sus usos sociales, cinéfilo geek, al menos veo una película por semana, innovador en Front-End y activo lector de comics. En mis tiempos libres soy ingeniero y estudio una maestría en Sidney en la universidad de UTS. Me puedes contactar en: twitter, Google Plus.
e-mail: hola @ danielsemper.com
  • AIDA

    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