¿Qué significa diseño adaptable?
El término de Web adaptable se refiere a la creación de un sitio web que se adapta al tamaño de cual Leer más
¿Cómo se dice "responsive website
Gabriel Marco
2025-09-06 21:16:03
Respuestas
: 34
Una Web Responsive es aquella que es capaz de adaptarse a cualquier dispositivo donde se visualice.
Este término hace referencia al diseño web multidispositivo.
Hoy en día los usuarios acceden a los sitios web desde diferentes dispositivos, ya sean ordenadores de sobremesa, portátiles, iPads, tablets Android o smartphones.
Cada uno de estos dispositivos muestra el sitio web de una forma diferente, si esto ocurre así estamos ante una Web Responsive, es decir un sitio web capaz de adaptarse al dispositivo en el que se está visualizando.
Para que una web sea capaz de adaptarse, la estructura de la página debe ser flexible, es decir, el diseño debe permitir que los anchos de pantalla sean modificables, por lo tanto, no podemos tener un ancho fijo en tablas o columnas y además debemos permitir que el número de columnas pueda disminuirse en función del tamaño de la pantalla del dispositivo desde el que se acceda.
La pantalla de un Smartphone tiene mayor densidad de píxeles por pulgada, lo que a efectos prácticos se traduce en que una fuente de 12 píxeles se ve a un menor tamaño en un iPhone que en un ordenador de sobremesa.
A la hora de explicar qué es un diseño responsive, también debemos tener en cuenta los elementos de navegación de la página, el menú de navegación no se debe mostrar de la misma forma en la versión de escritorio que en la versión móvil.
En un Smartphone la pantalla es bastante más pequeña que la de un ordenador de escritorio, un portatil o una tablet.
Esta diferencia de tamaños nos obliga a que, por ejemplo, si un menú de navegación se ha diseñado de forma horizontal, en este caso se muestre de forma vertical.
Además, como utilizamos nuestros dedos tenemos que diseñar botones lo suficientemente grandes para que puedas hacer click con facilidad.
En relación al contenido hay que señalar además que cuanto más pequeña es la pantalla más relevancia adquieren los contenidos en comparación con los elementos de navegación.
Es decir, los elementos de navegación cambian de posición para dejar paso al contenido, el usuario debe encontrarse con contenido útil cuando entra en la versión móvil de un sitio web.
Malak Vela
2025-09-01 05:26:00
Respuestas
: 23
That is all the interest of Responsive Web Design, which literally means diseño web adaptativo.
Aquí está todo el interés del Responsive Web Design que significa literalmente diseño web adaptativo.
El diseño web responsive y el diseño web adaptativo son conceptos muy parecidos, pero efectivamente no son lo mismo.
El diseño web adaptativo en los medios de comunicación españoles.
Este sitio está optimizado para dispositivos móviles a través de diseño web adaptativo.
El diseño web receptivo genera conversiones más altas a través de tablets y dispositivos móviles.
El diseño web adaptable no se trata simplemente de seguir las últimas tendencias de diseño.
Concentrated on web design adaptable or better known as responsive Web Design.
Enfocada en el diseño web adaptable o mejor conocido como Responsive Web Design.
Aquí es donde entra en escena el diseño web responsivo y diseño web adaptivo.
El tercer principio fundamental del diseño web adaptable son los medios flexibles o adaptables.
El Flat design es compatible con otras modas del diseño web como el minimalismo, el diseño web responsive o el Material Design.
Diseñamos sitios web y aplicaciones móviles utilizando el enfoque de diseño web responsive.
El diseño web adaptable ha sido una gran tendencia por mucho tiempo, incluso antes de que Mashable declarara el 2013 como el año del diseño web adaptable.
En este artículo explicaremos cómo funciona el diseño web adaptable, por qué deberías usar un sitio web adaptable y te mostraré algunos ejemplos de la vida real.
Cuando hablamos de diseño web en 2017, realmente estamos hablando de diseño web receptivo.
Leer también
¿Qué debe tener una persona adaptable?
La capacidad de adaptarse y la flexibilidad a la hora de encarar las nuevas circunstancias o imprevi Leer más
María Carmen Madrigal
2025-08-27 12:44:10
Respuestas
: 18
Diseño web adaptable o Responsive Web Design
El diseño web adaptable es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas.
Hoy día las páginas web se ven en multitud de dispositivos como tabletas, teléfonos inteligentes, libros electrónicos, portátiles, PC, etcétera.
Además, aun dentro de cada tipo, cada dispositivo tiene sus características concretas: tamaño de pantalla, resolución, potencia de CPU, sistema operativo o capacidad de memoria entre otras.
Esta tecnología pretende que con un único diseño web, todo se vea correctamente en cualquier dispositivo.
El diseñador y autor norteamericano Ethan Marcotte creó y difundió esta técnica a partir de una serie de artículos en A List Apart, una publicación en línea especializada en diseño y desarrollo web, idea que luego extendería en su libro Responsive Web Design.
El concepto de One Web hace referencia a la idea de construir una ‘Web para Todos’ (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything).
Con una sola versión en HTML y CSS se pueden cubrir todas las resoluciones de pantalla, con lo que el sitio web estará optimizado para distintos dispositivos y resoluciones de pantalla.
De esta forma se reducen los costos de creación y mantenimiento cuando el diseño de las pantallas es similar entre dispositivos de distintos tamaños.
También evita tener que desarrollar aplicaciones ad hoc para cada sistema operativo móvil: iOS, Android, Windows Phone, BlackBerry OS, etc.
El diseño web adaptable es posible gracias al uso de un sistema de rejilla fluida basada en proporciones, imágenes flexibles y consultas de medios (media queries) de CSS3.
Las consultas de medios son una extensión de la regla @media que se incluye en la hoja de estilos para indicar al documento HTML cómo debe comportarse en diferentes medios (pantallas, impresoras, reproductor de voz), orientación, resolución, espacio de color, relación de aspecto, etc.
Para entenderlo mejor, los diseños de las páginas web, al igual que los periódicos y las revistas, están basados en columnas.
Con la filosofía del diseño adaptativo, si una web se muestra con la resolución habitual de un PC (ancho igual o mayor a 1028px) muestra el contenido en 5 columnas, para una tableta (con un ancho superior a 800px) necesitaría sólo 4 y, en el caso de un teléfono inteligente (entre 320px y 480px), las columnas mostradas deberían ser 3.
El diseño adaptable debe fluir con una adaptación constante del tamaño de los gráficos y las estructuras que componen un sitio web dentro de los diferentes dispositivos y tamaños de pantalla, considerando de forma automática la orientación (retrato o apaisada) en la que se visualizan los contenidos.
Iker Palomo
2025-08-16 13:24:08
Respuestas
: 22
Wikipedia lo llama diseño web adaptativo o adaptable.
Los usuarios lo llaman diseño web responsive.
Google Translate lo llama diseño sensible y sin duda nos parece la mejor adaptación.
Utilices el nombre que utilices te estás refiriendo a lo mismo, un tipo de diseño web que se adapta a todas las resoluciones de pantalla.
¿Cómo se dice, responsive web design o diseño adaptativo?
Los usuarios lo llaman diseño web responsive.
Google Translate lo llama diseño sensible
Utilices el nombre que utilices te estás refiriendo a lo mismo, un tipo de diseño web que se adapta a todas las resoluciones de pantalla.
El nombre definitivo es diseño web sensible.
Leer también
¿Para qué se utiliza responsive?
Una Web Responsive es aquella que es capaz de adaptarse a cualquier dispositivo donde se visualice. Leer más
¿Qué es un modelo adaptativo?
El Modelo Adaptativo de CIE ofrece múltiples rutas y oportunidades En la Universidad Continental en Leer más
Jan Pedraza
2025-08-06 13:23:01
Respuestas
: 25
Diseño web adaptativo, mejor que adaptable o responsivo, es la traducción más ajustada en español de la expresión inglesa responsive web design.
Esta técnica de diseño y desarrollo web busca que las páginas se adapten automáticamente al dispositivo en el que se visualizan.
En este sentido, lo apropiado en español sería hablar de adaptativo, término que significa ‘perteneciente o relativo a la adaptación o a la capacidad de adaptación’,
tal como indica el diccionario académico, pues es precisamente lo que persigue este modo de diseñar: que las webs tengan capacidad automática de adaptación al soporte.
Adaptable, sin embargo, significa ‘capaz de ser adaptado’, y carece del sentido automático de adaptativo.
Una página o un diseño adaptable indicaría que da la posibilidad de que sea modificado, por ejemplo por el usuario, como una opción de configuración.
Laura Bonilla
2025-08-06 12:32:36
Respuestas
: 16
Hay tres palabras que se suelen utilizar para traducir responsive en relación a las páginas web: adaptable, adaptativo y responsivo.
Creo que adaptable es la palabra que suena más natural y parece ser la preferida de la gente en la teoría porque en la práctica se usa poco y se tiende a utilizar la palabra directamente en inglés o responsivo.
Yo voy a defender el uso de responsivo que es una palabra perfectamente válida en español que significa: adj. Perteneciente o relativo a la respuesta.
Es una definición similar a la palabra en inglés y por lo tanto creo que válida.
La razón de preferir el término responsivo en lugar de adaptable o adaptativo es que hay un concepto llamado «adaptive web», que aunque similar no es lo mismo que «responsive web» y para evitar confusiones yo veo más lógico traducir adaptive web como web adaptativa o adaptable y responsive web como web responsiva.
Yo me pregunto como traducirían entonces adaptive web, ellos dan su opinión de qué palabra se ajusta más al término original en inglés pero yo lo veo desde dentro del sector y quiero diferenciar los conceptos de alguna manera.
Leer también
¿Qué significa un diseño responsive?
El diseño web adaptable es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la aparienc Leer más
¿Cómo se llama la estrategia del diseño web adaptativo que se basa en los términos de proporción?
El diseño web adaptable es posible gracias al uso de un sistema de rejilla fluida basada en proporci Leer más