Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Desarrollo Web / Introducción al Diseño Web Adaptable (Responsivo)

Introducción al Diseño Web Adaptable (Responsivo)

Autor jc mouse domingo, abril 5, 2015

El diseño web adaptable (Responsive Web Design) va evolucionando como una filosofía de diseño y desarrollo de paginas web bajo el concepto de «One Web» es decir, construir una web que sea accesible por cualquier dispositivo dado el incremento de estos en el mercado ( tabletas, smartphones, portátiles, PCs).

¿Como funciona?

En los comienzos de la WWW las páginas web se desarrollaban solo pensando en computadoras de escritorio, con el surgimiento de otros dispositivos se vio la necesidad de adaptar estos a la resolución de pantalla de cada dispositivo en particular, entonces lo que se hacia era crear una versión del sitio web para cada uno de ellos, estos era ineficiente porque incrementaba el tiempo de desarrollo, costos y de mantenimiento de cada versión por lo que se pensó que era mucho mejor  usar solo una versión de HTML/CSS para todas las resoluciones de pantalla

responsivo

¿Y como debo implementarlo?

En la actualidad existen una gran variedad de dispositivos, debemos implementar el Diseño Responsivo a los más usados.

Resolución de pantalla más comunes:

Escritorio

  • 1366×768
  • 1024×768
  • 1280×1024
  • 1280×800
  • 1920×1080
  • 1920×1080
  • 800×600

Tablets y celulares

  • 768×1024
  • 320×480
  • 480×320

Ventajas

  • El uso de dispositivos móviles va en aumento año tras año por lo que tener una web que ea visible correctamente desde este tipo de dispositivos es esencial para tu negocio.
  • Es más fácil de administrar y de mantener
  • Google da preferencia a sitios web con diseño responsivo

 Desventajas

  • El tiempo de desarrollo es mayor que el diseño tradicional ya que no lleva mucho tiempo y aun no se a estandarizado al 100%
  • Su mantenimiento y actualización tienen un costo mayor que uno de diseño tradicional
  • Se pierde libertad para el diseño web ya que se deber de incluir menos imágenes para no aumentar mucho el peso de la web y que su carga no sea excesivamente lenta.

 Conclusión

Las personas se conectan a la red cada vez más desde su teléfono móvil o su tableta, en Bolivia 1.93 millones de moviles tienen acceso a internet casi tres veces más que el año 2013 (ATT), este y otros motivos obligan a que los sitios web deban saber adaptarse a las nuevas modalidades de conexión. Cada dispositivo tiene características y resoluciones de pantalla propias que hacen que la visualización de un sitio web sea diferente. El diseño web adaptable es definitivamente una solución para las empresas y para todo aquel que quiera tener presencia en Internet.

Template free html5

Demo | Descargar

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Convertir imagenes JPEG a video MOV

Convertir imagenes JPEG a video MOV

Googleando me encontré con una interesante clase java «JpegImagesToMovie» que convierte imágenes JPEG a vídeo MOV de Qui...

CUF: Código Único en Kotlin

CUF: Código Único en Kotlin

En este post implementamos en lenguaje Kotlin (lenguaje de programación de tipado estático que corre sobre la máquina vi...

Crea un servicio web REST con PHP y MYSQL

Crea un servicio web REST con PHP y MYSQL

Servicio Web Un servicio web (en inglés, Web Service o Web services) es una tecnología que utiliza un conjunto de protoc...

Facturación electrónica: El Código de Control

Facturación electrónica: El Código de Control

¿Que es la facturación electrónica? Una factura es un documento que sirve para describir el costo de los servicios y des...

Filtros con JMF y una webcam [Proyecto]

Filtros con JMF y una webcam [Proyecto]

En esta oportunidad dejo a consideracion un proyecto para la captura de video desde una webcam, utilizando filtros como...

Mapas interactivos con HTML5 – Parte 1

Mapas interactivos con HTML5 – Parte 1

La tecnología de HTML5 y javascript  nos permite crear gráficos interactivos livianos sin tener que recurrir a flash, el...

2 comentarios en “Introducción al Diseño Web Adaptable (Responsivo)”

  1. pascual007 dice:

    oye amigo muchas gracias, haces grandes aportes a la comunidad. me gustaria contactarte para una tutorias a cerca de java. gracias. te recomendare 100%

    1. Mouse dice:

      gracias men 🙂 buscame en facebook

Los comentarios estan cerrados

Comparte lo que sabes

Categorias

Últimas entradas

Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...

En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...

Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...

Google Bard la inteligencia artificial de Google se actualiza con una mejora que entra a competir con el resto de IAs y...

Herramientas

Generador de Enlaces a Whatsapp