Cuando a principio de mes retomé el blog con un nuevo diseño, comentaba que el nuevo diseño lo había realizado con HTML5 y CSS3 para hacer Responsive Design, y comentaba muy por encima en qué consistía. En esta entrada trataré de explicarlo de una manera más detallada.

El Responsive Design supongo que se podría definir como una “filosofía” o como “un conjunto de técnicas” con la idea de crear un solo sitio web, pero adaptable a todo tipo de plataformas.

Cuando empezaron a popularizarse los teléfonos móviles, las tablets y algún que otro nuevo terminal del estilo, se puso bastante de moda el crear versiones móviles de los sitios webs (normalmente alojadas en los subdominios “m.dominio.com”) para que quien entrara al sitio web desde uno de estos dispositivos, pudiera disfrutar de una web mucho más cómoda.

Pues bien, Responsive Design termina con esto. Es decir, se deja de hacer varios sitios webs; un sitio web para los ordenadores, otro para los teléfonos móviles, otro para las tablets, etc. para hacer solo uno, que se vea bien en cualquier plataforma.

De esta manera, se puede visitar este mismo blog desde un ordenador, desde un teléfono móvil, desde una tablet, etc. y se va a ver bien en todos. Ya que adaptará el sitio web dependiendo de la resolución de cada pantalla.

Para esas personas que estén interesadas en el Responsive Desing, espero ir poniendo en las siguiente entradas alguna de las técnicas que se usan para realizar estos diseños adaptables.