Hacer un sitio web responsivo sin usar frameworks

[mihalo]

Lo unico que debes hacer es agregar la etiqueta meta: <meta name="viewport" content="width=device-width, initial-scale=1">, para que puedas usar los @media y darle formato a los elementos en CSS. Se usa @media screen and (max-width: 780px) {} para cada tamaño de pantalla, debes usar diferentes atributos en cada @media para hacerla responsiva.
Puedes ver este articulo en mas detalle para ver el uso de @media: [URL="http://internetedadinero.com/web-responsive-html5css3/"]http://internetedadinero.com/web-responsive-html5css3/[/URL]
Te dejo otros con ejemplos de HTML5 y CSS3:
[URL="http://internetedadinero.com/cuadro-interactivo-html5-css3-js/"]http://internetedadinero.com/cuadro-interactivo-html5-css3-js/[/URL]
[URL="http://internetedadinero.com/hacer-una-calculadora-en-html/"]http://internetedadinero.com/hacer-una-calculadora-en-html/[/URL]