Cómo hacer un diseño web adaptable (reponsive design)

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

También te podría gustar...

Sobre este artículo

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

Licencia: Coautor del artículo: Juan Carlos Picurelli de Yeeply, Veronica P. de The Wander Life. Contenido exclusivo de LaWebera.es. Prohibida su copia.

Lleva trabajando como desarrollador web desde hace más de 10 años. Es un apasionado del código, habiendo tocado todos los palos, especialmente PHP, MySQL, JavaScript, incluyendo frameworks y librerías como jQuery, Symfony, CakePHP...

7 Respuestas

  1. excelente post ! es muy cierto, lleva mucho esfuerzo adaptar correctamente a todos los dispositivos

  2. Isaac Silverio Gomero (Peru)

    Pues para lo que no entendieron, el diseño elástico es que cambies el entorno principal no a pixeles sino a porcentaje, el entorno principal debe tener 100% en horizontal y vertical, entonces tu pagina web se adecuara a cualquier pantalla en la que se active tu pagina, en pantallas CRT, Plasma, HD o celulares, ipad, iphone o celulares antiguos con pantalla pequeña, yo he probado con Pantallas HD, CRT, Tablet y con Blackberry, Iphone, Smartphone y con mi nokia antiguo con conexión a internet y la web se adecua a la pantalla, sin bajar el tamaño de letra. muy buena solución, enhorabuena.

  3. maria belen

    Muy buen y revelador post! :D

  4. Lorena

    Hola, primero gracias por tu aportación, en mi caso, estoy trabajando con un diseño para un portfolio donde la riqueza visual está, sobretodo en el caso de la home y páginas con menor contenido, en las imágenes de fondo que ocupan gran parte de la pantalla. En este punto, y probando diferentes soluciones creo que además de la maquetación elástica, lo mejor será emplear dos diseños y que el navegador interprete “cual emplear” dependiendo de la resolución de la pantalla, ¿existe algún post donde se hable de esto? Gracias!

  5. Daniel

    se agradece muchisimo la ayuda, haceos un trabajo excelente, seguir así.

  6. Hola Vicente:
    La idea de este artículo era tratar el tema de las resoluciones de pantalla. Sobre diseños elásticos te sugiero que leas los siguientes artículos:

    https://www.lawebera.es/diseno-web/hacer-diseno-web-adaptable-responsive-design.php#la-importancia-de-un-diseno-web-responsive

    y para hacer elementos elásticos:

    https://www.lawebera.es/como-hacer/ejemplos-css/fondos-elasticos-para-titulos-y-menus.php

    Muchas gracias por la lectura.

  7. Vicente Reyes

    Me pareció muy bueno el punto del diseño elástico, sólo que con un ejemplo codificado se podría ver mejor, ya que no se dice mucho de como hacerlo.

Deja un comentario

El email no se publica. Todos los campos obligatorios, salvo Web.

Usamos cookies propias y de terceros para mejorar nuestros servicios, realizar el análisis de la navegación de los usuarios y mostrar publicidad según tus preferencias y hábitos de navegación. Si continúas navegando, las aceptas. Puede cambiar la configuración u obtener más información aquí

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar