Entradas

Lo que nos pedían ayer a los desarrolladores web y lo que nos piden hoy

Cuando echamos la vista atrás para ver qué  pedían las empresas a los desarrolladores hace 10, 15 o 20 años, podremos darnos cuenta de todo lo que ha evolucionado el Desarrollo web en los últimos años. Las necesidades no son las mismas, ni mucho menos. Antes el requisito fundamental era básicamente tener sólo presencia en Internet, pero hoy en día Internet es un elemento más del negocio y los requisitos de un proyecto web son mucho más amplios.

Leer más

Imágenes responsive con la etiqueta Picture

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. Para eso, tenemos la etiqueta Picture, cuyas principales características explicamos en este artículo.

Leer más

Viewport, una etiqueta imprescindible para el diseño responsive

Viewport es  la etiqueta que mejor representa la web en movilidad, ya que nos permite indicar cómo se verá un proyecto web en 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, diremos que viewport podría traducirse como vista o ventana y nos sirve para definir qué área de pantalla está disponible al renderizar un documento, nivel de escalado y el zoom que debe mostrar inicialmente. Todo ello, con parámetros que le damos a la propia etiqueta META.
Leer más

¿Qué es y cómo funciona Google AMP?

Google AMP, cuyas siglas en inglés se corresponden con Accelerated Mobile Pages  y que podría traducirse como páginas móviles aceleradas, es una iniciativa que pretende agilizar el tiempo de carga de las páginas web en dispositivos móviles. Desde el punto de vista más técnico, AMP no deja de ser un framework construido con tecnologías ya existentes como HTML o CSS, pero sus novedades y funcionamiento van un poco más allá, como explicamos en este artículo.

Leer más

¿Qué pasos debo seguir para hacer una web responsive?

A la hora de hacer una página web responsive, una de las cosas que tenemos que tener en cuenta es la multitud de dispositivos con características diferentes que se conectan a una página web. A continuación, ofrecemos unas pautas de trabajo que nos facilitarán mucho las tareas de desarrollo cuando trabajamos en un proyecto responsive. Leer más

Tres conceptos básicos antes de poner en marcha una web responsive

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 de conexión.

Por tanto, deberemos optimizar nuestro trabajo en esta tres direcciones complementarias para conseguir que  las personas que acceden nuestra web tengan una óptima experiencia de usuario, independientemente del dispositivo de acceso que utilicen.

Leer más

Desarrollo web adaptado a las necesidades de hoy

El mundo del desarrollo web evoluciona  a un ritmo vertiginoso y, a día de hoy, tenemos numerosas tecnologías y lenguajes que hace sólo unos años ni existían. De cara a este 2016, ya hemos hablado de las principales tendencias en desarrollo web y de los lenguajes que más utilizaremos.

Ahora, analizaremos el estado actual del desarrollo web, en comparación con cómo era hace sólo unos años.

Leer más

¿Qué ventajas ofrece Bootstrap en el diseño responsive?

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 a nivel de diseño. En su lugar, basta  aprender a usar aquellas utilidades propuestas en Bootstrap para la creación de aquellos componentes que deseamos usar.

Flat responsive web design vector concept with long shadows

Leer más

Cómo hacer una web responsive sin quebraderos de cabeza

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 del ordenador o dispositivo donde se visualizan. Los diseñadores profesionales, gracias a tecnologías como CSS, son capaces de crear páginas web que se ven perfectamente tanto en teléfonos móviles, tablets o en las grandes pantallas de ordenadores personales y smart TV.

Leer más

La importancia del Responsive Design en las campañas de Email Marketing

mail-movilYa hemos hablado de la importancia de contar con una página web que se adapte a cualquier dispositivo y  resolución, pero el  diseño adaptativo o adaptable (del inglés Responsive Design) no debe ceñirse en exclusiva a nuestro site.

El correo electrónico es uno de los servicios de Internet más utilizados desde los dispositivos móviles, por lo que resulta imprescindible que adaptemos nuestras campañas de Email Marketing al entorno de los usuarios. Utilizar Responsive Design en nuestras comunicaciones online y envíos publicitarios mejorará los resultados de nuestros envíos en este nuevo entorno multi-dispositivo.
Leer más