Responsive Design: Uso de las propiedades max-width y min-width

Responsive Design: Uso de las propiedades max-width y min-width

Tres días hace ya que expliqué el uso de la etiqueta meta viewport. Hoy explicaré el uso de las propiedades max-width y min-width, dos propiedades de CSS3 que serán clave en el Responsive Design. Los nombres de estas propiedades definen bastante bien la función que realizan: max-width : Definir un ancho máximo. min-width : Definir un ancho mínimo. En Responsive Design toman mucho protagonismo porque usando estas dos propiedades en los media queries (tema que trataré en el próxima entrada) junto con la etiqueta meta viewport, van a permitir dar estilos concretos a un sitio web en función del ancho de la … Sigue leyendo

Responsive Design: Uso de la etiqueta meta viewport

Responsive Design: Uso de la etiqueta meta viewport

Hace unos días expliqué qué es el Responsive Design. También comenté que iba a hacer unas entradas en el blog explicando el uso de varias cosas de esta “filosofía” del Responsive Design. Pues esta será la primera de esas entradas, en la que explicaré el uso de la etiqueta meta viewport. Cuando una web no está adaptada a dispositivos móviles, y se quiere ver desde uno de ellos, casi seguro que ha de hacerse uso del zoom, cosa que se puede llegar a hacer muy engorrosa. Si además de tener que ir desplazándose por la web, hay que ir haciendo más o … Sigue leyendo

¿Qué es el Responsive Design?

¿Qué es el Responsive Design?

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 … Sigue leyendo

Retomando el blog, con nuevo diseño

Retomando el blog, con nuevo diseño

Bueeno, tras bastante tiempo desde la última entrada, anuncio que me he propuesto retomar mi sitio web, y como ya se puede ver, actualizarlo también, sobre en todo en cuanto a diseño. El diseño todavía no está terminado por completo, pero para los interesados, lo estoy realizando con HTML5 y CSS3 para hacer Responsive Design, es decir, un diseño que se vea bien en todo tipo de plataformas (ordenadores, tablets, smartphones, etc). Podéis probar, por ejemplo, a cambiar el tamaño de la ventana del navegador, y ver como se va adaptando. También se puede ver ya que ahora el sitio no es … Sigue leyendo