feed

Introducción al Responsive Design

addEventListener('load', function (event) { prettyPrint() }, false);

Ya he contado la mayoría de lo que hay que saber sobre el Responsive Design, pero algunas veces lo difícil es aplicarlo de la forma que necesitamos o mostrar el contenido de una forma eficaz sin perder en diseño ni usabilidad, y en esto es en lo que me voy a centrar, en estructurar correctamente de distintas formas el contenido de una página que se adapta a distintos tipos de pantalla.

Para empezar voy a tratar el tema de...

Leer más »

addEventListener('load', function (event) { prettyPrint() }, false);

Como comenté en el artículo sobre la estructura básica del Responsive Design, un diseño adaptable deja de serlo si cuando lo visualizas desde un móvil ves que las imágenes y los vídeos sobresalen de la página, por lo que os voy a enseñar como hacer que se adapten a distintos tipos de pantalla los contenidos multimedia (imágenes ...

Leer más »

addEventListener('load', function (event) { prettyPrint() }, false);

Tras la introducción al Responsive Design ahora toca conocer lo esencial para crearlos: el meta-tag Viewport, las @media queries y tener en cuentas ciertas cosas más “clásicas”, pero que son esenciales (cosas como las que permiten que los borradores y notas de W3C se adapten “casi” perfectamente al ancho de pantalla).

Viewport


...

Leer más »

En Genbeta Dev hemos hablado antes sobre Responsive Design, pero voy a hacer una pequeña guía de como crear diseños que se adapten a todo tipo de pantallas con el uso de CSS, que actualmente nos brinda al posibilidad de crear un diseño adaptable sin necesidad de JavaScript e incluso gran parte de la base es compatible con navegadores antiguos (lo que es la base, no podemos pretender que Internet

...

Leer más »

Hoy en día ha aumentado de forma exponencial el uso de Smartphones y Tablets, además de la demanda de contenido para estos, por lo que cada vez es más necesario una web sensible a los distintos dispositivos.
Pero estas técnicas de diseño web nos dan más ventajas: por ejemplo Google identifica las webs que funcionan en dispositivos móviles y les da preferencia ante otras y sin contar que también...

Leer más »

Sigue a Genbetadev