Tal y como ya hemos visto, las Media Queries de CSS3 mejoran la visualización de nuestros proyectos web. En esta ocasión abordamos el tema desde un punto de vista más práctico e incluimos algunos ejemplos que podemos implementar en el código y facilitarán que nuestros diseños web se adapten a cualquier medio y pantalla, algo […]
Tras repasar Viewport y Picture en estos artículos, seguimos profundizando en los principales recursos para diseño responsive. En esa línea, no podemos olvidarnos de las Media Queries, tal vez las herramientas más representativas cuando pensamos en CSS para el ya proclamado responsive design, ya que permiten realizar la mayor parte del efecto de adaptación a todo […]
En muchas ocasiones, el diseño responsive se complica al utilizar las imágenes. Más allá de utilizar la etiqueta Viewport, que vimos hace unos días, o de asignar a las imágenes una anchura relativa con CSS, necesitamos un método que nos permita seleccionar la imagen más adecuada para cada pantalla en cuanto a su tamaño y resolución. […]
Viewport es la etiqueta que mejor representa la web en movilidad, ya que nos permite indicar cómo se verá un proyecto web en los dispositivos móviles. Apple la creó para decirle al iPhone como debería renderizar el documento, convirtiéndose desde entonces en un estándar que ya está soportado por la mayoría de dispositivos. Como definición rápida, […]
Si hay una característica que asociamos a nuestra página web últimamente es que tiene que ser responsive, ya que una de las cosas que tenemos que tener en cuenta es la multitud de dispositivos diferentes que se conectan a una página web. Es fundamental que el diseño de nuestra web esté adaptado a toda esa variedad con el […]
Como ya hemos visto en más de una ocasión, el diseño responsive ya no es una tendencia; es hablar de la web de hoy. Al afrontar el desarrollo y diseño de un proyecto responsive, conviene tener en cuenta tres aspectos fundamentales para su correcta visualización en todos los navegadores y sistemas, dimensiones y resoluciones de pantalla y velocidades […]
Aunque ya hemos hablado mucho sobre diseño responsive, este nuevo estándar del desarrollo web no sólo está modificando la manera de planificar la puesta en marcha de cualquier proyecto web, también sus fundamentos más prácticos. En este artículo, hablaremos de las diferentes unidades de medida recomendadas a la hora de facilitar el desarrollo de sitios adaptables.
Para los que todavía no lo conozcan, Bootstrap es un framework de diseño web, una librería con código CSS, HTML y Javascript para crear interfaces de usuario y layouts de páginas que nos permite resultados profesionales sin tener que conocer cómo se hacen ciertas cosas de diseño. En su lugar, basta con aprender a usar aquellas […]
La web responsive es la web de hoy. No obstante, requiere de nuevas maneras de pensar y de desarrollar, que son más fáciles de poner en marcha si sigues algunos de los consejos que explicamos en este post. «Responsive» es una corriente de diseño enfocada en el desarrollo de sitios que son capaces de adaptarse a las condiciones […]
Puedes pensar que el diseño adaptativo (responsive design) está de moda, pero la realidad es que, si tu web no se adapta al dispositivo del usuario, algo estás haciendo mal. Porque, como dicen las estadísticas, no todo el mundo visita tu web desde un ordenador de sobremesa, ¿verdad? Proporcionar la mejor experiencia al usuario independientemente del […]
