es es es es en es es es en es es en en en es es en es pt es en es es en en en en es es es en de es es en en es es en en es es en it es es en es es es es en es es es es es es es es es es es en sv es es pt pt es es gl en es pt en es es
El diseño web adaptativo, o responsive web design, es una técnica que pretende simplificar el modo de realizar un mismo sitio web para diferentes dispositivos adaptándose perfectamente al ancho de cada pantalla. Como  características los layouts e imágenes son fluidos y se usan media-queries de CSS3.
Acerca de esto habló Ethan Marcotte, diseñador norteamericano en la publicación A List Apart. Podéis leerlo aquí: (en inglés)
La verdad es que es un tema muy interesante, en el que espero profundizar próximamente, ya que el planificar y diseñar un único desarrollo dependiendo del dispositivo puede ahorrar tiempo y esfuerzo. Aquí tenéis algunos ejemplos de sitios web adaptativos:
Por último, os dejo también con la genial presentación acerca de Responsive Web y WordPress que hizo Francisco Vidal (@_1up) para el Congreso Web de Zaragoza:
Responsive web y WordPress View more presentations from ADWE Team
6 comentarios en «Qué es Responsive Web Design o Diseño Web Adaptativo»
Pingback: Diario de la segunda semana de junio en @analiZe | Blog de analiZe
Pingback: Noticias @analiZe | Blog de analiZe
19 de junio de 2012 a las 18:46
Sin ir más lejos, en mi blog podéis ver un ejemplo de Responsive Web Design 😉
19 de junio de 2012 a las 19:09
Jejeje, me gusta tu web, Alfonso 🙂
5 de marzo de 2013 a las 22:37
Recomiendo para encontrar buenos ejemplos http://mediaqueri.es. La verdad es que ya no entiendo demasiado crear una web con una filosofía de diseño distinta al del diseño adaptativo, por funcionalidad, costes de desarrollo vs apps nativas y sobre todo por el cambio de los hábitos de uso de los usuarios, cada vez más móvil.
30 de julio de 2014 a las 11:48
Tener una web responsive es vital hoy en día. Esto es lo mismo que adaptar tu página web a cualquier dispositivo. Es importante que se pueda ver desde un smartphone, una tablet o un portátil. Para ello existen algunos trucos como usar ancho en porcentajes o utilizar reglas css para un determinado ancho de pantalla. En este port se muestran más trucos como este, cómo hacer la conversión, por qué es importante y en qué influye, etc. http://www.ticrevolution.com/blog/index.php/2014/07/23/diseno-web-responsive/
Deja un comentario Cancelar la respuesta
Nombre Correo electrónico Web
Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez que comente.
CONOCE LAS ÚLTIMAS NOVEDADES DE INSTAGRAM
Tendencia con Deep Fake
«Facebook ya es mayor»
Día Mundial de Internet
CÓMO ATRAER A LOS LECTORES A TU BLOG
© 2022 analiZe • Creado con GeneratePress
Utilizamos cookies propias y de terceros para fines analíticos. Haz clic aquí para más información. Puedes aceptar todas las cookies pulsando el botón "Aceptar" o configurarlas o rechazar su uso pulsando en "Ajustes".
Utilizamos cookies propias y de terceros para fines analíticos. Haz clic aquí  para más información. Puedes aceptar todas las cookies pulsando el botón "Aceptar" o configurarlas o rechazar su uso pulsando en "Ajustes".
Son imprescindibles para que se pueda navegar por la página correctamente. Garantizan que la página se muestra de forma adecuada y permiten el acceso a las secciones privadas del sitio web.
Nos ayudan a mejorar nuestro sitio web. Recopilan información anónima sobre cómo los visitantes utilizan nuestra página web y recaban información acerca de las páginas del sitio más visitadas. Nos permiten conocer los mensajes de error que se mostraron.