Genbeta Dev

Responsive Design, el desarrollo de páginas Web plenamente dinámicas que ajusten la visualización y experiencia de usuario a las características diferenciadas y cambiantes de los múltiples dispositivos actuales sobre las que se puede correr un navegador, representa una revolución en la industria.

Pero no solamente para los programadores puros y duros que deben aprender técnicas en HTML5, CSS3 o...

Es Nochebuena y estarás con los villancicos y los polvorones haciendo tiempo para la pantagruélica cena de esta noche (yo igual, este post está escrito desde el pasado) pero en Genbeta Dev os traemos un regalito para que a partir del miércoles tengáis una opción más a la hora de crear webs siguiendo el espíritu del las navidades pasadas responsive design: se llama Centurion y es un framework para...

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...

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 y vídeos de HTML5, Youtube y Vimeo).

Las formas que comentaré para...

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

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

Volver a comentar que el responsive design es uno de los trending topics de este 2012 en el ámbito del desarrollo y el diseño sería tremendamente repetitivo (oh, wait…). Muchas grandes webs están empezando a adoptarlo casi como un mantra y su penetración está siendo especialmente importante en portales de noticias. Hoy vamos a hablar del caso de The Guardian , el prestigioso diario británico y...

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...

Cada vez es más preciso que los desarrolladores web tengamos una solución clara para poder adaptar convenientemente las imágenes según el dispositivo . Uno de los puntos débiles del llamado Responsive Design es la presentación de las imágenes en la web. Por eso, desde hace tiempo el W3C, el grupo que supervisa el estándar HTML, está trabajando en una propuesta de borrador que dé una posible...