El diseño web adaptativo o adaptable (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.
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 diseño web responsive o diseño web adaptativo es una técnica de diseño web que prioriza la correcta visualización de una misma página en en distintos dispositivos: Desde ordenadores de escritorio a tablets o móviles.
El diseño responsive se basa en proporcionar a todos los usuarios de una web los mismos contenidos y una experiencia de usuario lo más similar posible, frente a otras aproximaciones al desarrollo web móvil como la creación de apps, el cambio de dominio o webs servidas dinámicamente en función del dispositivo.
Aunque todas tienen pros y contras, la web responsive es considerada por muchos expertos como la mejor práctica posible, al unificar la web, reducir tiempos de desarrollo y ofrecer grandes ventajas para SEO móvil.
b12e95092fcc9123a10fcdb7c917da4fa83e0dac008b65ef3dd5920f7e9838f3.eyJibG9ja05hbWUiOm51bGwsImF0dHJzIjp7ImRpc2FibGVDYWNoZSI6ZmFsc2V9LCJpbm5lckJsb2NrcyI6W10sImlubmVySFRNTCI6IkVsIGRpc2VcdTAwZjFvIHdlYiBhZGFwdGF0aXZvIG8gYWRhcHRhYmxlIChlbiBpbmdsXHUwMGU5cywgUmVzcG9uc2l2ZSBXZWIgRGVzaWduKSBlcyB1bmEgdFx1MDBlOWNuaWNhIGRlIGRpc2VcdTAwZjFvIHkgZGVzYXJyb2xsbyB3ZWIgcXVlIG1lZGlhbnRlIGVsIHVzbyBkZSBlc3RydWN0dXJhcyBlIGltXHUwMGUxZ2VuZXMgZmx1aWRhcywgYXNcdTAwZWQgY29tbyBkZSBtZWRpYS1xdWVyaWVzIGVuIGxhIGhvamEgZGUgZXN0aWxvIENTUywgY29uc2lndWUgYWRhcHRhciBlbCBzaXRpbyB3ZWIgYWwgZW50b3JubyBkZWwgdXN1YXJpby5cblxuRWwgZGlzZVx1MDBmMWFkb3IgeSBhdXRvciBub3J0ZWFtZXJpY2FubyBFdGhhbiBNYXJjb3R0ZSBjcmVcdTAwZjMgeSBkaWZ1bmRpXHUwMGYzIGVzdGEgdFx1MDBlOWNuaWNhIGEgcGFydGlyIGRlIHVuYSBzZXJpZSBkZSBhcnRcdTAwZWRjdWxvcyBlbiBBIExpc3QgQXBhcnQsIHVuYSBwdWJsaWNhY2lcdTAwZjNuIGVuIGxcdTAwZWRuZWEgZXNwZWNpYWxpemFkYSBlbiBkaXNlXHUwMGYxbyB5IGRlc2Fycm9sbG8gd2ViLCBpZGVhIHF1ZSBsdWVnbyBleHRlbmRlclx1MDBlZGEgZW4gc3UgbGlicm8gUmVzcG9uc2l2ZSBXZWIgRGVzaWduLlxuXG5FbFx1MDBhMDxzdHJvbmc+ZGlzZVx1MDBmMW8gd2ViIHJlc3BvbnNpdmU8XC9zdHJvbmc+XHUwMGEwbyBkaXNlXHUwMGYxbyB3ZWIgYWRhcHRhdGl2byBlcyB1bmEgdFx1MDBlOWNuaWNhIGRlIGRpc2VcdTAwZjFvIHdlYiBxdWUgcHJpb3JpemEgbGEgY29ycmVjdGEgdmlzdWFsaXphY2lcdTAwZjNuIGRlIHVuYSBtaXNtYSBwXHUwMGUxZ2luYSBlbiBlbiBkaXN0aW50b3MgZGlzcG9zaXRpdm9zOiBEZXNkZSBvcmRlbmFkb3JlcyBkZSBlc2NyaXRvcmlvIGEgdGFibGV0cyBvIG1cdTAwZjN2aWxlcy5cblxuRWwgZGlzZVx1MDBmMW8gcmVzcG9uc2l2ZSBzZSBiYXNhIGVuIHByb3BvcmNpb25hciBhIHRvZG9zIGxvcyB1c3VhcmlvcyBkZSB1bmEgd2ViIGxvcyBtaXNtb3MgY29udGVuaWRvcyB5IHVuYSBleHBlcmllbmNpYSBkZSB1c3VhcmlvIGxvIG1cdTAwZTFzIHNpbWlsYXIgcG9zaWJsZSwgZnJlbnRlIGEgb3RyYXMgYXByb3hpbWFjaW9uZXMgYWwgZGVzYXJyb2xsbyB3ZWIgbVx1MDBmM3ZpbCBjb21vIGxhIGNyZWFjaVx1MDBmM24gZGUgYXBwcywgZWwgY2FtYmlvIGRlIGRvbWluaW8gbyB3ZWJzIHNlcnZpZGFzIGRpblx1MDBlMW1pY2FtZW50ZSBlbiBmdW5jaVx1MDBmM24gZGVsIGRpc3Bvc2l0aXZvLlxuXG5BdW5xdWUgdG9kYXMgdGllbmVuIHByb3MgeSBjb250cmFzLCBsYSB3ZWIgcmVzcG9uc2l2ZSBlcyBjb25zaWRlcmFkYSBwb3IgbXVjaG9zIGV4cGVydG9zIGNvbW8gbGEgbWVqb3IgcHJcdTAwZTFjdGljYSBwb3NpYmxlLCBhbCB1bmlmaWNhciBsYSB3ZWIsIHJlZHVjaXIgdGllbXBvcyBkZSBkZXNhcnJvbGxvIHkgb2ZyZWNlciBncmFuZGVzIHZlbnRhamFzIHBhcmFcdTAwYTBTRU8gbVx1MDBmM3ZpbC5cbiIsImlubmVyQ29udGVudCI6WyJFbCBkaXNlXHUwMGYxbyB3ZWIgYWRhcHRhdGl2byBvIGFkYXB0YWJsZSAoZW4gaW5nbFx1MDBlOXMsIFJlc3BvbnNpdmUgV2ViIERlc2lnbikgZXMgdW5hIHRcdTAwZTljbmljYSBkZSBkaXNlXHUwMGYxbyB5IGRlc2Fycm9sbG8gd2ViIHF1ZSBtZWRpYW50ZSBlbCB1c28gZGUgZXN0cnVjdHVyYXMgZSBpbVx1MDBlMWdlbmVzIGZsdWlkYXMsIGFzXHUwMGVkIGNvbW8gZGUgbWVkaWEtcXVlcmllcyBlbiBsYSBob2phIGRlIGVzdGlsbyBDU1MsIGNvbnNpZ3VlIGFkYXB0YXIgZWwgc2l0aW8gd2ViIGFsIGVudG9ybm8gZGVsIHVzdWFyaW8uXG5cbkVsIGRpc2VcdTAwZjFhZG9yIHkgYXV0b3Igbm9ydGVhbWVyaWNhbm8gRXRoYW4gTWFyY290dGUgY3JlXHUwMGYzIHkgZGlmdW5kaVx1MDBmMyBlc3RhIHRcdTAwZTljbmljYSBhIHBhcnRpciBkZSB1bmEgc2VyaWUgZGUgYXJ0XHUwMGVkY3Vsb3MgZW4gQSBMaXN0IEFwYXJ0LCB1bmEgcHVibGljYWNpXHUwMGYzbiBlbiBsXHUwMGVkbmVhIGVzcGVjaWFsaXphZGEgZW4gZGlzZVx1MDBmMW8geSBkZXNhcnJvbGxvIHdlYiwgaWRlYSBxdWUgbHVlZ28gZXh0ZW5kZXJcdTAwZWRhIGVuIHN1IGxpYnJvIFJlc3BvbnNpdmUgV2ViIERlc2lnbi5cblxuRWxcdTAwYTA8c3Ryb25nPmRpc2VcdTAwZjFvIHdlYiByZXNwb25zaXZlPFwvc3Ryb25nPlx1MDBhMG8gZGlzZVx1MDBmMW8gd2ViIGFkYXB0YXRpdm8gZXMgdW5hIHRcdTAwZTljbmljYSBkZSBkaXNlXHUwMGYxbyB3ZWIgcXVlIHByaW9yaXphIGxhIGNvcnJlY3RhIHZpc3VhbGl6YWNpXHUwMGYzbiBkZSB1bmEgbWlzbWEgcFx1MDBlMWdpbmEgZW4gZW4gZGlzdGludG9zIGRpc3Bvc2l0aXZvczogRGVzZGUgb3JkZW5hZG9yZXMgZGUgZXNjcml0b3JpbyBhIHRhYmxldHMgbyBtXHUwMGYzdmlsZXMuXG5cbkVsIGRpc2VcdTAwZjFvIHJlc3BvbnNpdmUgc2UgYmFzYSBlbiBwcm9wb3JjaW9uYXIgYSB0b2RvcyBsb3MgdXN1YXJpb3MgZGUgdW5hIHdlYiBsb3MgbWlzbW9zIGNvbnRlbmlkb3MgeSB1bmEgZXhwZXJpZW5jaWEgZGUgdXN1YXJpbyBsbyBtXHUwMGUxcyBzaW1pbGFyIHBvc2libGUsIGZyZW50ZSBhIG90cmFzIGFwcm94aW1hY2lvbmVzIGFsIGRlc2Fycm9sbG8gd2ViIG1cdTAwZjN2aWwgY29tbyBsYSBjcmVhY2lcdTAwZjNuIGRlIGFwcHMsIGVsIGNhbWJpbyBkZSBkb21pbmlvIG8gd2VicyBzZXJ2aWRhcyBkaW5cdTAwZTFtaWNhbWVudGUgZW4gZnVuY2lcdTAwZjNuIGRlbCBkaXNwb3NpdGl2by5cblxuQXVucXVlIHRvZGFzIHRpZW5lbiBwcm9zIHkgY29udHJhcywgbGEgd2ViIHJlc3BvbnNpdmUgZXMgY29uc2lkZXJhZGEgcG9yIG11Y2hvcyBleHBlcnRvcyBjb21vIGxhIG1lam9yIHByXHUwMGUxY3RpY2EgcG9zaWJsZSwgYWwgdW5pZmljYXIgbGEgd2ViLCByZWR1Y2lyIHRpZW1wb3MgZGUgZGVzYXJyb2xsbyB5IG9mcmVjZXIgZ3JhbmRlcyB2ZW50YWphcyBwYXJhXHUwMGEwU0VPIG1cdTAwZjN2aWwuXG4iXSwiY29udGV4dF90eXBlIjoic2luZ2xlIn0=
Pingback: ¿ Qué es Retina Ready ? | ~~ NetMdP ~~