feed

Responsive Design

Bootstrap 3 ha cambiado bastante respecto a la versión anterior. Ha sido reescrito desde el principio para dar un nuevo enfoque pensando en todos los dispositivos. Vamos a repasar todas las novedades introducidas por Bootstrap 3 y a aprender a usarlas.

Móviles primeros

Al contrario que en Bootstrap 2, donde las utilidades para hacer un diseño responsivo iban en un fichero aparte opcional, en Bootstrap 3 son el eje central del framework. La idea es: primero se diseña para el dispositivo más...

Leer más »

Mis largas sesiones de navegación por el proceloso mar de Internet tienen un propósito (bueno, dos si contamos el de encontrar gifs animados graciosos): encontrar herramientas y recursos que hagan más sencilla mi vida laboral. Pues bien, Embed Responsively entra de lleno en ese grupo llamado ‘Recursos online que te ahorran quebraderos de cabeza’ porque a veces el embeber o incrustar contenido de...

Leer más »

Suena a ciencia ficción poder realizar cálculos en el CSS, pero así es, sin necesidad de JavaScript podemos realizar sumas, restas, multiplicaciones y divisiones gracias a la función calc().

Pero lo mejor es que nos permite sumar distintas unidades (como em, px, %… ), lo que nos facilitará la labor de ajustar elementos con medidas relativas que tengan, por ejemplo, bordes o márgenes que suelen...

Leer más »

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

Leer más »

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

Leer más »

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

Leer más »

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

Leer más »

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


Esta meta-etiqueta fue creada en principio por Apple para su móvil...

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 »

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

Leer más »

Síguenos